H5入门四：CSS选择的艺术

H5入门四：CSS选择的艺术

一、什么是CSS

• CSS层叠样式表（Cascading Style Sheets）
• 用于定义HTML内容在浏览器里面的显示样式

二、为什么学习CSS

三、CSS基本内容

• CSS基础语法
• CSS 使用方法
• CSS选择器
• CSS集成和层叠
• CSS优先级
• CSS命名规范

CSS基础语法

1. CSS样式规则：
2. CSS样式的引用
3. CSS样式的引用方式
   1. 行内样式
   2. 内部样式
   3. CSS外部样式
   4. CSS导入样式
   5. CSS样式引用总结：
   6. CSS样式优先级关系

CSS选择器

1. CSS有哪些选择器？
2. 标签选择器
3. 类选择器
4. 给不同标签的相同类选择标签设置不同样式

5. 一个元素可以设置多个类选择器，之间用空格隔开
   

6. ID选择器
   

7. 群组选择器
   

8. 【注意：】class和id的值在设置样式时候是区分大小写的

9. 全局选择器（通配符选择器），使用*号表示

10. 后代选择器

11. 后台选择器-各个选择器之间以空格隔开

12. 链接伪类

13. 伪类:hover和伪类:active
    

14. 链接伪类的顺序

CSS层叠和优先级

1. CSS层叠
   

2. CSS选择器优先级规则

3. CSS各种选择器的权值
   

4. 通过!important来调整样式的优先级

5. CSS样式优先级总结

CSS样式命名规范

1. 命名规范

2. 常用CSS样式的命名

3. 常用导航的CSS命名

4. 常用功能区域的命名规范

End