核心提示:(第三天)类选择器:id选择器只能给一个,类选择器可以给多个;使用#id名即可表示通配选择器优先级权值为0,优先级最小标签选择器权值为1类选择器的权值是10id选择器的权值是100行间样式的权值是10...
(第三天)
类选择器:
id选择器只能给一个,类选择器可以给多个;使用#id名即可表示
通配选择器优先级权值为0,优先级最小
标签选择器权值为1
类选择器的权值是10
id选择器的权值是100
行间样式的权值是1000(行间样式,不经常用,也不推荐用,当样式很少的时候可以适当地用一下)
<p class="p1" id="p_id" style="background: pink;">行间样式</p>
!important:权值10000,写在一个样式结束前,也不是经常用过,尽量少用
群组选择器:选择器之间用逗号连接,表示选择器之间有相同的样式
.p1,.p2,.p3 { }
hover:伪类标签,用于鼠标浮在元素上面显示的样式,请注意写法(鼠标移动到上面改变)
p:hover{}//更改p里面的属性
优先级相同的情况下,后写的样式会覆盖前面的样式
float:浮动,(分清楚每次浮动的方向)
position:位置(后期整合的适合用到)
三种情况会使得元素脱离文档流,分别是:浮动、绝对定位和相对定位
/*定位方式:绝对的,浮动起来,是的图层不在一层*/ position: absolute; /*改变层级,就可以显示下面的*/ z-index: 1; /*相对定位没有脱离文档流,根据自身位置进行定位*/ position: relative; position: fixed;位置固定(小广告用这个的)