内外联以及权重

外部样式:

<link rel="stylesheet" type="text/css" href="目标文件的路径及文件名全称" />

内联样式语法:

<标签 style=“属性:属性值;属性:属性值;”></标签>

1、样式表的作用域
行内(内联)样式的作用域是当前标签,内部样式的作用域是当前文件,外部样式表的作用域是有关联的所有文件。
2、样式表的优先级
内联样式表的优先级别最高
内部样式表与外部样式表的优先级和书写的顺序有关,后书写的优先级别高。

css中用四位数字表示权重,权重的表达方式如:0,0,0,0
类型选择符的权重为0001
class选择符的权重为0010
id选择符的权重为0100
子选择符的权重为0000
属性选择符的权重为0010
伪类选择符的权重为0010
伪元素选择符的权重为0001
包含选择符的权重:为包含选择符的权重之和
行内样式的权重为1000
继承样式的权重为0000
权重最大:!important

猜你喜欢

转载自blog.csdn.net/Schrodinge/article/details/89787516