手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

前端面试之CSS优先级顺序

时间:2024-10-17 08:42:20

1、下面是CSS优先级顺序由高到低优先级最高的-!important用法是写在普通css属性的后面,这样就能实现最高级的css了,css样式写法如下

前端面试之CSS优先级顺序

2、下面是CSS优先级顺序由高到低行内样式行内样式是通过style=“”,这样直接写在标签里面,css样式写法如下

前端面试之CSS优先级顺序

3、下面是CSS优先级顺序由高到低ID选择器ID在html中是唯一的,通过#加名字,css样式写法如下

前端面试之CSS优先级顺序

4、下面是CSS优先级顺序由高到低类选择器类在css通过class来命名,使用方法是.加名字,css样式写法如下

前端面试之CSS优先级顺序

5、下面是CSS优先级顺序由高到低标签标签指div,p,span这种,css样式写法如下

前端面试之CSS优先级顺序

6、下面是CSS优先级顺序由高到低通配符经常用的有*,它会把所有的样式都改变,一般用来重置样式,写法如下

前端面试之CSS优先级顺序

7、下面是CSS优先级顺序由高到低继承指的是父标签设置样式,而子标签没有设置样式,子标签会继承父标签的样式一般用于文本文字,例如font-size,color等详细写法如下

前端面试之CSS优先级顺序

8、下面是CSS优先级顺序由高到低浏览器默认样式每个浏览器的默认样式都不同,为了统一开发样式,我们一般都会设置一个重置样式,下图为谷歌浏览器自带的padding属性为8px,

前端面试之CSS优先级顺序

9、最后总结一下:CSS优先级顺序!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认样式

© 手抄报圈