养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

CSS样式,CSS级别区别

时间:2024-11-01 23:38:27

CSS样式的级别,内联样式和外联样式以及元素确定

工具/原料

电脑

网页

方法/步骤

1、网页的元素样式的写法有三种写法:内联样式、外联样式以及在头部写入样式三种

CSS样式,CSS级别区别

2、首先我们定义一个盒子模型,在三种样式中分别写入不同的背景,运行程序看哪个样式优先级高,内联样式最高

CSS样式,CSS级别区别

3、当我们去掉内联样式,再次运行程序,就会发现头部样式优先级小于内联样式

CSS样式,CSS级别区别

4、所以说,CSS样式优先级内联样式最高,外联样式最低

CSS样式,CSS级别区别

5、上面说了样式的级别,那献垴淄睬么元素的控制级别又是怎样,我们在盒子模型中定义一个元素,在头部分别不同级别定义属性

CSS样式,CSS级别区别

CSS样式,CSS级别区别

6、当运行程序,会发现层次越准确的级别越高,优先级越高

CSS样式,CSS级别区别

7、总结:CSS样式级别砜实蛰斓:内联样式>头部样式>外联样式CSS元素属性级别:越精准定位层级越高,优先级越高

© 一点知识