css的一些基础属性

css的⼀些基础属性
⼀、常见的css属性
1. color（属性），⽰例：“color：red”，描述：设置元素内容的颜⾊
2. text-align（属性），⽰例：“text-align：center”，描述：设置内容的对齐⽅式
3. font-size（属性），⽰例：“font-size：28px”，描述：设置元素内容的⽂字⼤⼩
4. font-weight（属性），⽰例：“font-weight：bold”，描述：设置元素内容的⽂字⼤⼩
5. Background（属性），⽰例：“background：red”，描述：设置元素的背景颜⾊
⼆、Css选择器
1. Css选择器，决定了将规则应⽤到哪些元素上
2. 三种基本选择器：元素选择器、类选择器、ID选择器，除此之外，css还有⼤量的选择器
3. 通配符选择器、属性选择器、伪类选择器、伪元素选择器
声明冲突
三、声明冲突
三、
⾏内样式表>作者样式表>浏览器默认样式表>⽤户样式表
层叠概述
四、
四、层叠概述
1. 什么是层叠概述
2. 层叠是⼀种机制，⽤于解决css声明冲突，多个相同的css声明（属性），应⽤于同⼀个元素上。

3. 层叠的整个过程，是浏览器根据规则⾃的动完成
4. 学习层叠就是学习层叠过程中的规则
5. 学习层叠的⽬的，是为了在开发时更好的掌控元素的样式
6. 层叠的过程
7. ⽐较优先级：优先级低的声明会被淘汰，优先级⾼的声明胜出
8. ⽐较特殊性：特殊性低的声明会被淘汰，特殊性⾼的声明胜出
9. ⽐较源次序：源次序靠前的声明会被淘汰，靠后的声明胜出
10. 经过1.2.3的这三个步骤，仅会有⼀个声明胜出，其他的全部淘汰
11. 每⼀个声明都有⼀个优先级
12. 每当冲突发⽣时，优先级⾼的会保留，优先级低的会被淘汰
13. ⼀个声明的优先级，与它的来源和重要性有关
14. 来源：作者样式表、浏览器默认样式表、⽤户样式表
15. 重要性：若属性值后跟上！Important，则表⽰⼀条重要声明，否则，表⽰普通声明
16. 优先级从低到⾼：浏览器默认样式表中的声明＜⽤户样式表中的普通声明＜作者样式表中的普通声明＜作者样式表中的重要声明＜⽤
户样式表中的重要声明
17. 我们书写只需⽐较：浏览器默认样式表中的声明，作者样式表中的普通声明，作者样式表中的重要声明
五、层叠过程
层叠过程——⽐较优先级
五、
层叠过程——⽐较特殊性
六、层叠过程
六、
1 . 每⼀个声明都有⼀个特殊性(Specificity)
2 . 当发⽣冲突时，特殊性⾼的会保留，特殊性低的会被淘汰
3 . ⼀个声明的特殊性，取决于规则适⽤范围的⼤⼩
4 . 规则适⽤范围越⼤，特殊性越低，适⽤范围越⼩，特殊性越⾼
5 . ⾏内样式>id选择器>类选择器>元素选择器>通配符选择器
6 . 在⽐较特殊性时，每⼀个冲突的声明，会⽣成4个数字(a,b,c,d)，以⽐较特殊性a越⼤，特殊性越⾼，若a相同，⽐较b，b越⼤，特殊性越⾼，依次类推...
a: 若声明是⾏内样式，则为1，否则为0
b: 规则中ID选择器的个数
c: 规则中类选择器、伪类选择器和属性选择器的个数
d: 规则中元素选择器、伪元素选择器的个数
7 . 当计算选择器分组的时候，要分开计算
层叠过程——⽐较源次序
七、层叠过程
七、
1. 最后出现的声明胜出，其他的全部淘汰
2. 该规则的实际应⽤：css reset代码前置，a元素的伪类书写顺序
3. a元素的伪类书写顺序
4. ：hover⿏标悬停到元素上的样式，适⽤于其他元素
5. ：link链接未被访问过的样式
6. ：vlsited链接已被访问过的样式
7. 为了保护⽤户隐私，⼀些声明在该伪类中是⽆效的
8. 什么是继承
继承
⼋、
⼋、继承
1．继承(inherit)，是指⼦元素会⾃动拥有⽗元素的某些CSS属性
2．继承是⾃动发⽣的，开发者不需要书写任何额外的代码
3．可被继承的属性：color，font-size，font-weight，text-align
4．不可被继承的属性：background-color
5．有些属性在页⾯的某个区域中具有通⽤性
6．若没有继承，则必须为该区域的每个元素指定样式，导致代码重复臃肿
1. 继承发⽣的场景
2. 强制继承
3. 强制继承，也叫做显式继承，是指将CSS属性值设置为inherit
4. 这样做，通常有两个原因：
5. 为了继承有些不可继承的属性
6. 为了继承已被声明过的属性
⼀个元素的某个CSS属性，只有满⾜下⾯两个条件，才会继承⽗元素
该属性是可继承的属性，
，该属性在样式表中没有声明，该属性是可继承的属性
元素，
表格
九、表格
九、
表格（table）、表格标题（caption）、⾏（tr）、列（td）
表头字体（th）、表头（thead）、表体（tbody）、表尾（tfoot）。