CSS样式优先级

优先级如下：

	内联	嵌入	外部
内联	1	-	-
ID 选择器	-	2	3
伪类	-	4	5
属性选择器	-	6	7
类选择器	-	8	9
元素(类型)选择器	-	10	11
*	-	12	13

CSS内部是按每条样式的权重值来计算优先级的

也就相当于：

 

1. 第一等：代表内联样式，如: style=””，权值为1000。
2. 第二等：代表ID选择器，如：#content，权值为100。
3. 第三等：代表类，伪类和属性选择器，如.content，权值为10。
4. 第四等：代表类型选择器和伪元素选择器，如div p，权值为1。

---

• 嵌入式样式：

1、样式的属性内容以代码的形式[放在 ]写在网页代码中！

2、首先，通过【格式】→【样式】设置样式的属性内容！

3、在合适的地方使用 class="样式名" 调用具体的样式效果！如：

 <style type="text/css">

.main{ width:1002px; margin:0 auto;}

</style>

•  内联式样式：

1、样式的属性内容直接跟在将要修饰的文字标记里

2、具体格式： style="font-size:10px;font-color:#ff0000"

• 外联式样式

1、有一个单独的CSS文件存在！[如：001.css]

2、首先，通过【格式】→【样式表连接】与CSS文件[001.css]建立连接！

3、在合适的地方使用 class="样式名" 调用具体的样式效果！

如：<link href="001.css" type="text/css" rel="Stylesheet"/>