下面来一一列举出常见问题，代码如下：
1.页面内容居中
2.单行文字图标居中
//就是给height和line-height同样的高度，再用margin-bottom来细调。
3.当网页字体小于12px时 chrome内核浏览器始终显示为12px
4.ie6双倍margin的bug
5. 多个class合并书写
//通常class里面只写一个值，事实上可以多个值，用空格隔开即可。
<span class="a b c"></span>
6. 给网页换个鼠标指针
cursor:url('指针绝对路径'),auto;
//通常这个css写在body和a里
7. input文本框光标居中
//不同浏览器对这个理解不同
//解决方法是设置input高度与文字高度相等，然后用上下padding填充即可。
8. css sprites用法
.
//网页中可以使用<span class="a"></span>来显示，当然，方法还有好多。
9. 子容器增长时父容器不自动增长
//给父容器定义样式
overflow:auto;
zoom:1;//兼容IE610.IE6 IE7下li高度异常
//IE6 IE7将字体高度也算入行高 导致li高度异常 只需给li定义以下样式即可
font-size:0px;
11. DIV水平垂直居中
12. 子容器margin-top后父容器下移
//实际效果:head下移10px
//解决办法:给head定义样式overflow:hidden
就是以上这些了，希望同学在学习中要不断总结类似的文章，给大家来分享。