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

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

网站建设.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();    });});

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

上一页：专业网站建设-网站设计-网站制作与网站开发-高端品牌企业宣传策划-东至上往建站

下一页：东至网站建设_企业网站制作公司_高端网站设计开发-东至上往