css知识点

1、css选择器效率排行从高到低如下：

  id选择器（#head）

  类选择器（.content）

  标签选择器（p，h1）

  相邻选择器（h1+p）

  子选择器（ul < li）

2.css3媒体查询语法：

@media screen and (min-300px) and (max-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;    
}