星云图片
首先,安装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; 还会占据空间。
领取专属 10元无门槛券
私享最新 技术干货