HTML基础与CSS应用概览.pdfVIP

第四天内容

一.三种样式的使用范围

样式名称存放位置作用范围应用

嵌套样式head中的title下当前样式所处的存放一些当前页

面页面面会用到的样式

行内样式中通过style只能作用在当前一般情况下用的

来设置之中，出了这个少（特定场合，整个

就没有作用页面只有这个出

现了这个样式）

外联样式在其它文本中要所有的页面都可存放一些所有页

使用要通过link以使用面都会用到的公共样

式

二.新的属性：

text-indent:

作用：设置首行缩进。

用法：text-indent:2em;

em:一个文本的距离。

text-align:

作用：设置文本的位置

取值：

center:设置内容在容器的水平方向上居中。

left:设置内容在窗口的水平方向上靠左

right:设置内容在容器的水平方向上靠右

text-decoration:

作用：设置文本的装饰

取值：

none:没有任何装饰

underline:下划线

margin:0auto;

作用：设置容器自身水平居中。

三.css三大特性

１继承性

作用：子元素可以继承父元素的样式。

什么样的属性才可以继承：

text-,font-,line-开头的属是可以继承的

color.

具体应用：

在写页面之前我们会通过给body设置一个字体，来将页面上所有的

都能够继承这个属性。

特殊性：

1.0a的颜色不能继承，如果一定要修改a的颜色直接作

用在a上面。

2.0h的大小不能继承，如果一定要修改h的大小直接作

用在h上面。

3.0div的高度如果不设置由内容来决定（没有内容那么高度为0），

宽度默认由父元素继承过来。

２层叠性

是浏览器处理的一个特性。

作用：如果一个属性通过两个选择器设置到同一个元素上面，那么这个

时候一个属性就会将另一个属性层叠掉。

如果多个不两只的属性通过两个选择器设置到一个元素上面，那么不会

发生层叠。

３优先级

！important行内样式id选择器类选择器选择器通配符继承

３.1变数：!important

注意：虽然i