css常用该注意的地方

1. visibility:hidden与display:none
   前者是占用物理空间的后者是隐藏的
2. <hr>定义虚线1px样式 border:1px solid #86BCD4;height:1px;记得把height加上;
3. 让背景图居中的好办法:background:url(path) no-repeat 50% 50%;语法是background:color image repeat attachment position
4. font:12px/20px bold italic  verdana;注意这里至少需要font-size与font-family两个属性
5. !important优先级设置会被ie忽略,ie浏览器一直对这个不支持,
6. 盒模型Bug一般的解决方法
   #box{
   border:10px  solid #444;
   padding: 30px;
   background :#ffc;
   width : 400px;
   }
   在IE浏览器里宽度为10*2+30*2+400=480
   但在ie5.0对盒模型解释有个Bug,它认为只有400px;
   为了达到效果都为480px
   我们可以
   voice-family :   "\"}\"";声音属性,ie5.0不能解释它,读到这个就停了阅读
   #box{
   border:10px  solid #444;
   padding: 30px;
   background :#ffc;
   width : 480px;
   voice-family :   "\"}\"";
   width:400px
   }
7. 要使文字竖着排列的CSS代码：writing-mode: tb-rl．tb－rl的意思:t是top  b是bottom  r是right  l是left
   意思是从上到下，从右到左
8. 让边框有阴影效果
   filter:progid:DXImageTransform.Microsoft.Shadow( enabled=true , color=black, direction=135 , strength=10)
   

   Enabled	:	可读写。布尔值(Boolean)。
   Color	:	可读写。字符串(String)。
   Direction	:	可读写。整数值(Integer)。
   Strength	:	可读写。整数值(Integer)。