外部样式:
<link rel="stylesheet" type="text/css" href="目标文件的路径及文件名全称" />
内联样式语法:
<标签 style="属性:属性值;属性:属性值;"></标签>
-
样式表的作用域
行内(内联)样式的作用域是当前标签,内部样式的作用域是当前文件,外部样式表的作用域是有关联的所有文件 -
样式表的优先级
内联样式表的优先级别最高
内部样式表与外部样式表的优先级和书写的顺序有关,后书写的优先级别高。
css中用四位数字表示权重,权重的表达方式如:0,0,0,0
css选择器类型 | 权重 |
---|---|
类型选择符 | 0001 |
class选择符 | 0010 |
id选择符 | 0100 |
子选择符 | 0000 |
属性选择符 | 0010 |
伪类选择符 | 0010 |
伪元素选择符 | 0001 |
包含选择符的权重 | 包含选择符的权重之和 |
行内样式的权重 | 1000 |
继承样式的权重 | 000 |
权重最大 | !important |