1.页面内容居中
2.单行文字图标居中
05 |
//也就是给height和line-height同样的高度,再用margin- bottom 来细调。 |
3.当网页字体小于12px时 chrome内核浏览器始终显示为12px
02 |
-webkit-text-size-adjust: none ; |
4.ie6双倍margin的bug
04 |
margin : 0 0 0 100px ; //ie 6 会产生 200px 的距离 |
05 |
display : inline ; //解决办法 |
5. 多个class合并书写
01 |
//通常class里面只写一个值,事实上可以多个值,用空格隔开即可。 |
6.给网页换个鼠标指针
01 |
cursor : url ( '指针绝对路径' ), auto ; |
7.input文本框光标居中
02 |
//解决方法是设置input高度与文字高度相等,然后用上下padding填充即可。 |
8.css sprites用法
03 |
height : 16px ; width : 16px ; |
04 |
background : url ( icon .png) x坐标 y坐标 no-repeat ; |
9.子容器增长时父容器不自动增长
10.IE6 IE7下li高度问题
01 |
//IE 6 IE 7 将字体高度也算入行高 导致li高度异常 只需给li定义以下样式即可 |