首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

网页用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; 还会占据空间。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180126A0PMPM00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券