css的进一步学习(前端第三天)

(第三天)

类选择器：

id选择器只能给一个，类选择器可以给多个；使用#id名即可表示

通配选择器优先级权值为0，优先级最小

标签选择器权值为1

类选择器的权值是10

id选择器的权值是100

行间样式的权值是1000( 行间样式,不经常用,也不推荐用，当样式很少的时候可以适当地用一下 )

  
  
<div class="div1" id="div_id" style="background: pink;">行间样式
</div>

!important：权值10000，写在一个样式结束前，也不是经常用过，尽量少用

群组选择器：选择器之间用逗号连接，表示选择器之间有相同的样式

  
  
.div1,.div2,.div3{}

hover：伪类标签，用于鼠标浮在元素上面显示的样式，请注意写法(鼠标移动到上面改变)

  
  
div:hover{}更改div里面的属性

优先级相同的情况下，后写的样式会覆盖前面的样式

float：浮动，(分清楚每次浮动的方向)

position：位置(后期整合的适合用到)

三种情况会使得元素脱离文档流，分别是：浮动、绝对定位和相对定位

   
   
/*定位方式：绝对的,浮动起来，是的图层不在一层*/
position: absolute;
/*改变层级,就可以显示下面的*/
z-index: 1;

    
    
/*相对定位没有脱离文档流,根据自身位置进行定位*/
position: relative;

     
     
position: fixed;位置固定(小广告用这个的)