3.1 CSS样式(1)

1.概述

HTML:网页的内容
CSS:内容的样式(层叠样式表
内容和格式相分离,便于修改格式
3.1 CSS样式(1)

2.CSS添加方法

2.1 行内

3.1 CSS样式(1)

2.2 内嵌样式

3.1 CSS样式(1)
写在head标签之内,每个页面都要重新定义;
适合文件很少,css代码也不多的情况

2.3 单独文件

3.1 CSS样式(1)
页面结构HTML代码与样式CSS样式的完全分离,维护方便,可以在一个HTML文档中引用多个外部样式表

2.4 优先级

多重样式可以重叠,覆盖,按照就近原则:行内>内嵌>链接>浏览器默认
3.1 CSS样式(1)

3. CSS选择器

3.1 标签选择器

3.1 CSS样式(1)

3.2 类别选择器

3.1 CSS样式(1)

3.3 ID选择器

唯一性,只能被引用一次
3.1 CSS样式(1)

3.4 嵌套声明

3.1 CSS样式(1)

3.5 集体声明

多个标签同时定义
3.1 CSS样式(1)

3.6 全局声明

所有网页元素使用同一种样式
3.1 CSS样式(1)

3.7 混合

多个class混用,ID选择器只能用一次
3.1 CSS样式(1)

3.8 小结

3.1 CSS样式(1)
3.1 CSS样式(1)