CSS 整理

CSS盒子模型：

更多详情>>>

---

CSS三种引用方式：

• 内联式
• 嵌入式
• 外部式

CSS权重：

• CSS权重指的是样式的优先级，有两条或多条样式作用于同一个元素，权重高的那条样式对元素起作用，权重相同的样式，后写的样式会覆盖前面写的样式。

权重的等级：

1. !important—加在样式属性值后，权重值为10000(最高)
2. 内联样式—权重值为1000
3. ID选择器—权重值为1000
4. 类，伪类和属性选择器—权重值为10
5. 标签选择器和伪元素选择器—权重值为1
6. 通用选择器(*)子选择器(>)相邻选择器(+)同胞选择器(~)—权重值为0

---

CSS选择器综合：

选择器	例子	例子描述	CSS
.class	.intro	选择 class="intro" 的所有元素。	1
#id	#firstname	选择 id="firstname" 的所有元素。	1
*	*	选择所有元素。	2
element	p	选择所有 <p> 元素。	1
element,element	div,p	选择所有 <div> 元素和所有 <p> 元素。	1
element element