CSS三种引入方式:
①:内部样式表style:
②:外部样式表link:需异步加载css文件
③:行内样式:(权重最高)
<body style="background:pink">
若使用这三种方法给body设置背景颜色,则显示③所设置的背景颜色(行内样式的权重最高,会覆盖其余方式所设置的同种属性)
若使用①、②方式设置样式,则谁先完成加载,谁的属性就会被覆盖(后完成加载的属性覆盖先完成加载的属性)
建议:使用第二种引入方式。
CSS选择器权重
无限大 !important
1000 行间样式
100 id选择器
10 class选择器||属性选择器||伪类选择器
1 标签选择器||伪元素
0 通配符选择器*
权重相同时:后写的属性会覆盖之前的属性
权重值会叠加:(根据权重值,我们会得出id选择器的权重值是最大的,但是#first.one{}是会叠加权重值的)
* {
color: yellow;-------------0
}
#first {
color: red;-------------100
}
#first.one {
color: palegreen;-------------110
}
.one {
color: aqua;--------------10
}
div {
color: black;--------------1
}
文档流:
文档流:从上到下,从左到右的排列方式。
脱离文档流:脱离这种排列方式
CSS属性前缀:
-moz- 火狐等使用Mozilla浏览器引擎的浏览器
-webkit- Safari, 谷歌浏览器等使用Webkit引擎的浏览器
-o- Opera浏览器(早期)
-ms- Internet Explorer