一些css小技巧

1.ie不支持!important属性

2.盒子阴影(box-shadow)

3.禁用鼠标事件(element{pointer-event:none})

4.首字放大

p:first-letter{

        display:block; float:left; font-size:1.7em; margin: 10px 10px;

}

5.用css翻转图像

img{

transform:scaleX(-1); filter:FlipH;

}

6.元素透明(opacity(0-1))

7.使用负的nth-child选择器

选择ul下的第一个到第七个li

ul li:nth-child(-n+7):

8.让表格单元格等宽(table-layout:fixed;)

9.模糊文本

p{

color:transparent; text-shadow:0 0 5px rgba(0 ,0 ,0 .5)

}

10.link状态的顺序

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

11.字体简写 font:font-size | font-weight | font-style | font-family

你可能感兴趣的:(一些css小技巧)