Web网页开发-CSS层叠样式表1-笔记

1.CSS的引入方式
(1)内嵌式：把style双标签写在head标签里面，可以影响同种标签
(2)行内式：把style写在标签内部，只能影响当前标签
(3)外链式：创建css文件，使用link将html文件和css文件连接起来
(4)导入式：@import url();将css文件中的内容导入到style标签中

2.CSS的四种基础选择器
(1)标签选择器：使用标签名设置样式，给同标签
(2)类选择器：通过".类名"的方式进行调用，通过类名设置设置样式
(3)id选择器：唯一的，不允许重复，使用"#id名"进行调用
(4)全局选择器：所有标签的样式

3.十六进制表示颜色前需要加#
4.优先级：id选择器>类选择器>标签>全局
5.文本的水平位置：text-align[标题、段落]
6.文本的首行缩进:text-indent:数值+em/px；
   文本装饰：text-decoration：cssnderline[下划线] line-through[删除线] overline[上划线]
7.行高：line-height

8.CSS的五种复合选择器
(1)后代选择器：中间用空格隔开[父-子]
(2)子元素选择器：中间用>隔开，只能选择前面标签的儿子
(3)并集选择器：中间用，隔开，表示和
(4)交集选择器：前面是标签名，后面是类名[.类名]，中间不能有空格，既...又...
(5)伪类选择器：hover表示鼠标滑过或者鼠标悬停

9. 超链接:
属性：
inherit：继承
text-decoration:去除文本装饰
鼠标滑过 a:hover{

}

10.CSS的三大特征
(1)继承性：子级会继承父级的样式，color,font-,line-height
                   超链接自带颜色和下划线，不会继承父级的样式，用color:inherit;去除
(2)层叠性：对于同一个选择器，设置相同样式，后面的样式会把前面的样式层叠掉
(3)优先级：
                   id>类>标签>全局
                   权重：全局[0]  标签[1]    类[10]   id[100]  行内式[1000]  !important[无穷大]
                   优先级：!important>行内式>id>类和伪类>标签>全局和继承