网页用CSS的基础布局

星云图片

首先，安装nginx：yum install -y nginx

启动：service nginx start

创建练习目录：

mkdir /usr/share/nginx/html/01

创建HTML文件：

touch /usr/share/nginx/html/01/blank.html

在里面加入下面的内容测试：

Hello World.

style 里增加如下：

.block1 {

background: red;

height: 200px;

}

在这里，你可以把CSS全部放在一个文件或者多个文件中，在中调用就可以，加一个

这样的调用，就可以把style.css文件里面的CSS效果应用于下面的调用中。

在中添加下面代码：

这里的class=“block1”就是调用上面style中的CSS效果。

style中继续添加：（这里主要是背景色设置，还有就是不是，在调用了block1的块中，当使用span和a元素时，就使用它规定的CSS样式。）

.block1 span {

background:blue;

}

.block1 a {

background: yellow;

}

在body中添加下面代码：

.block1 {

background: red;

height: 200px;

}

.block1 span {

background: blue;

}

.block1 a {

background: yellow;

}

我是一个span元素，我是

一个链接

。

none另一个常用的

display值是none。一些特殊元素的默认 display 值是它，例如 script 。

display:none 通常被 JavaScript 用来在不删除元素的情况下隐藏或显示元素。

它和 visibility 属性不一样。把 display 设置成 none元素不会占据它本来应该显示的空间，但是设置成 visibility: hidden; 还会占据空间。