当前位置: 网站首页>网站建设>网站案例报价

高端!网站定制/设计/优化/二次开发/制作/搭建-东至高端网站建设

发表日期: 2022-07-02 16:34:51 浏览次数:13

高端!网站定制/设计/优化/二次开发/制作/搭建-东至高端网站建设

网站建设.png


在web网页制作中,css样式表的应用随处可见。css样式表全称Cascading Style Sheet,中文叫作:层叠样式表单。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。css样式表具体使用方法如下:

1、当有多个网页要用到的CSS,采用外连CSS文件的方式,这样网页的代码大大减少,修改起来非常方便。

2、单个网页中使用的CSS,采用文档头部方式。

3、只有在一个网页一、两个地方才用到的CSS,采用行内插入方式。

三种用法可以混用,且不会造成混乱。这就是它为什么称之为“层叠样式表”的原因,浏览器在显示网页时是这样处理的:先检查有没有行内插入式CSS,有就执行了,针对本句的其它CSS就不去管它了;其次检查头部方式的CSS,有就执行了;在前两者都没有的情况下再检查外连文件方式的CSS。因此可看出,三种CSS的执行优先级是:行内插入式、头部方式、外连文件方式。

网页制作中,我们常用到的软件Dreamweaver,是如何用Dreamweaver快速创建CSS外连式文件?
对于一个初接触CSS的网页设计人员来讲,要用记事之类的编辑器,去创建一个CSS外连式文件是相当困难的。由于Dreamweaver对CSS支持的很好,用它来帮助就轻松多了。具体可以这样操作:
1)先在纸上写好在网站的网页中可能要用到的格名称,然后在Dreamweaver的编辑窗中调出CSS面板,一个一个地定义,并在一个空白页上适当地写一点相关内容,边定义边试用,效果不满意,立即修改;
2)全部定义好后,再用记事本创建一个空的CSS外连式文件,把在<head>与</head>之间的那段定义好的CSS复制到CSS文件中去,就大功告成了。整个过程就是点鼠标,方便吧?

在Dreamweaver中采用行内插入式CSS方法,先用CSS面板定义好要用的CSS,然后,在要插入CSS的标记插入:style="",再把你刚才定义的CSS从<head>后面拖到这个双引号中来,把花括号以外的部分删去就行了


ar url = "mongodb://localhost:27017/"; MongoClient.connect(url, function(err, db) {    if (err) throw err;    var dbo = db.db("runoob");    var myobj = { name: "菜鸟教程", url: "www.runoob" };    dbo.collection("site").insertOne(myobj, function(err, res) {        if (err) throw err;        console.log("文档插入成功");        db.close();    });});

执行以下命令输出就结果为:

$ node test.js文档插入成功

从输出结果来看,数据已插入成功。

我们也可以打开 MongoDB 的客户端查看数据,如:

> show dbs
runoob  0.000GB          # 自动创建了 runoob 数据库> show tables
site                     # 自动创建了 site 集合(数据表)> db.site.find(){ "_id" : ObjectId("5a794e36763eb821b24db854"), "name" : "菜鸟教程", "url" : "www.runoob" }>

如果要插入多条数据可以使用 insertMany()

插入多条数据

var MongoClient = require('mongodb').MongoClient;var url = "mongodb://localhost:27017/"; MongoClient.connect(url, function(err, db) {    if (err) throw err;    var dbo = db.db("runoob");    var myobj =  [        { name: '菜鸟工具', url: 'https://c.runoob.com', type: 'cn'},        { name: 'Google', url: 'https://www.google.com', type: 'en'},        { name: 'Facebook', url: 'https://www.google.com', type: 'en'}       ];    dbo.collection("site").insertMany(myobj, function(err, res) {        if (err) throw err;        console.log("插入的文档数量为: " + res.insertedCount);        db.close();    });});

res.insertedCount 为插入的条数。

查询数据

可以使用 find() 来查找数据, find() 可以返回匹配条件的所有数据。 如果未指定条件,find() 返回集合中的所有数据。

find()

var MongoClient = require('mongodb').MongoClient;var url = "mongodb://localhost:27017/"; MongoClient.connect(url, function(err, db) {    if (err) throw err;    var dbo = db.db("runoob");    dbo.collection("site"). find({}).toArray(function(err, result) { // 返回集合中所有数据        if (err) throw err;        console.log(result);        db.close();    });});

以下实例检索 name 为 "菜鸟教程" 的实例:

查询指定条件的数据

var MongoClient = require('mongodb').MongoClient;var url = "mongodb://localhost:27017/"; MongoClient.connect(url, function(err, db) {    if (err) throw err;    var dbo = db.db("runoob");     var whereStr = {"name":'菜鸟教程'};  // 查询条件    dbo.collection("site").find(whereStr).toArray(function(err, result) {        if (err) throw err;        console.log(result);        db.close();    });});


高端!网站定制/设计/优化/二次开发/制作/搭建-东至高端网站建设

想要咨询,请留言,我们的工作人员将尽快与您联系!
  
400-111-6878
服务热线
在线留言
在线咨询
预约专家
顶部

备案号: 苏ICP备11067224号

CopyRight © 2021 上往建站 All Right Reserved 未经许可不得复制转载

24小时服务热线:400-111-6878   E-MAIL:1120768800@qq.com   QQ:1120768800

  网址: https://www.768800.com

关键词: 网站建设| 域名邮箱| 服务器空间| 网站推广| 上往建站| 网站制作| 网站设计| 域名注册| 网络营销| 网站维护|

企业邮箱| 虚拟主机| 网络建站| 网站服务| 网页设计| 网店美工设计| 网站定制| 企业建站| 网站设计制作| 网页制作公司|

400电话办理| 书生商友软件| 苏州网站建设| 调温纤维| 海洋馆运营维护|

预约专家

欢迎您免费咨询,请填写以下信息,我们收到后会尽快与您联系

  

服务热线:400-111-6878