css技巧

一、font快捷键写法

body {
　　　　font: font-style font-variant font-weight font-size line-height font-family;
　　}

例：body {
　　　　font: italic small-caps normal 13px/150% Arial, Helvetica, sans-serif;
　　}

 

注意： 同时指定font-size font-family 才能这样简写

　　　当 font-size 和 line-height   只能使用斜杠/ 组成一个值  不能分开写

　　　font-size  font-varient  font-weight 可缺省  

　　　顺序不能改变

二、link顺序

　　a:link
　　a:visited
　　a:hover
　　a:active

三、ie专用语句

　　属性前加*仅ie7能识别

　　属性前加_仅ie6能识别

　　*color: red;

　　_color: red;

 

四、table 的 cell-padding

　　HTML5不支持 cellpadding 属性

　　使用 css  padding属性控制

 

五、透明

div {

　　filter:alpha(opacity=50); //ie

　　-moz-opacity: 0.5; //火狐

　　-khtml-opacity: 0.5; //webkit核心的浏览器

　　opacity: 0.5; 欧朋

}

六、css三角形

空的div 3个边框设置成透明  剩下一个可见 形成三角形

<div ></div>

div {

width: 0;

height: 0;

border-style: solid;

border-width: 0 10px 10px 10px;

border-color: transpant transpant transpant  green;

}