CSS
一、 基本概念
1. 结构
选择器 {属性：值；属性：值}
2. 引用方式
- 外部样式表
- 在head中，使用link，对样式表文件进行引用
- 内部样式表
- 在head中，使用style，对样式进行描述
- 内联样式表
- 在body中，使用style，对样式进行描述
- 当样式发生冲突时，采用就近原则，内联>内部>外部
- 当样式不冲突时，进行效果叠加
二、 选择器
1. 常用选择器--需熟练掌握
- HTML选择器
- 通过HTML标签进行选择，例如li，h1，p等
- 示例 h1
- 类选择器
- 通过类属性，来对某一个类全部进行标记
- 示例 (假设存在一个aa类）
- .aa{color:red} 对HTML里所有包含aa类的标签，进行修饰
- li.aa{color:red} 对li中包含aa类的标签，进行修饰
- id选择器
- 通过对有id的标签，进行标记
- 示例（假设存在一个标签定义了一个hid的id）
-
hid{color:red} 对id="hid"的标签进行修饰
-
- 优先级：在靠下的优先级大于靠上的；id选择器 > 类选择器 > HTML选择器 > HTML属性
- 关联选择器
- 选择某一标签下的某一元素，用空格隔开
- ul li{color:red} 对ul下的li标签进行修饰
- 组合选择器
- 对多个标签进行选择，用逗号隔开
- h1,h2,h3{color:red} 同时对h1，h2，h3进行修饰
- 伪类选择器
- 对标签不同状态进行修饰
- 示例（对超级链接进行修饰）
a:link{color:red} /*未访问链接*/ a：visited{color:blue} /*已访问链接*/ a:hover{color:green} /*鼠标在链接上*/ a.active{color:yellow} /*激活链接*/
