CSS高级技巧

元素显示与隐藏:

display属性：

display：none; 隐藏元素   隐藏掉之后不再占有原来的位子

display: block;显示元素；转换为块级元素；

visibility属性：

  visibility: inherit；继承父元素可见性

   visibility: hidden；隐藏掉元素   但原来位置还保留

   visibility: visible ；可见

overflow属性：

 精灵图：

精灵技术目的：减少浏览器发送接收的次数，减少服务器压力；

 

字体图标：

 

 

 

CSS三角： 

 

line-height  和  font-size 设置为0 是为了照顾低版本的浏览器；当然，高版本的浏览器并不需要；