css知識點

一、css選擇器效率排行從高到低以下：

  id選擇器（#head）

  類選擇器（.content）

  標籤選擇器（p，h1）

  相鄰選擇器（h1+p）

  子選擇器（ul < li）

 

2.css3媒體查詢語法：

@media screen and (min-width:300px) and (max-width:1024px) { }

 

3.隱藏元素的方法：

1)opacity

.hide {
  opacity:0;  
}

2）visibility

.hide {
  visibility:hidden;  
}

3）display

.hide {
  display:none;  
}

4) position

.hide {
  position:absolut;
  left:-9999px;
  top:-9999px;    
}