多语言展示
当前在线:1348今日阅读:172今日分享:19

CSS样式,CSS级别区别

CSS样式的级别,内联样式和外联样式以及元素确定
工具/原料
1

电脑

2

网页

方法/步骤
1

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

2

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

3

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

4

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

5

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

6

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

7

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

推荐信息