CSS样式的级别,内联样式和外联样式以及元素确定
工具/原料
1
电脑
2
网页
方法/步骤
1
网页的元素样式的写法有三种写法:内联样式、外联样式以及在头部写入样式三种
2
首先我们定义一个盒子模型,在三种样式中分别写入不同的背景,运行程序看哪个样式优先级高,内联样式最高
3
当我们去掉内联样式,再次运行程序,就会发现头部样式优先级小于内联样式
4
所以说,CSS样式优先级内联样式最高,外联样式最低
5
上面说了样式的级别,那么元素的控制级别又是怎样,我们在盒子模型中定义一个元素,在头部分别不同级别定义属性
6
当运行程序,会发现层次越准确的级别越高,优先级越高
7
总结: CSS样式级别: 内联样式 > 头部样式 > 外联样式 CSS元素属性级别: 越精准定位层级越高,优先级越高