通过多年网站制作经验，总结一下css常用代码。

1、:before , :after 选择器

在每个 <p> 元素的内容之前插入新内容：
p:before{
content:”新内容”;
}

2、css百分比减去像素
我们在做响应式设计时，经常会用到 百分比减去像素，如一个div宽度为100% 又加了1像素的边框，怎么办呢？
div{
width:-webkit-calc(100% – 2px);
width:-moz-calc(100% – 2px);
width:calc(100% – 2px);
}

3、让背景图100%显示
div{
background:url(images/dianxgnbg.jpg) no-repeat;

-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
background-size: 100% 100%;
}
background-size: cover;  会保持图像本身的宽高比例，将图片缩放到正好完全覆盖定义背景的区域。

4、常用让一个div背景为半透明，文字不透明
div{
background-color: rgba(0,0,0,0.5);
}
0,0,0表示RGB颜色
最后一个参数.0.5则是指的透明度！1为100% 不透明！

5、垂直对齐方法，不能设置浮动
div{
/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
vertical-align:middle;
/*设置水平居中*/
text-align:center;
/* 针对IE的Hack */
*display: block;
*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
}

今天先整理这些，后期还会不断增加，由爱永设计整理发布。