来自:乔客网络 发布日期:2018/6/2 |
|
|
|
现在整理出一小集CSS常用到的东西,与大家分享希望对大家有帮助: 1.页面内容居中 01 body{ 02 margin:0 auto; 03 } 2.单行文字图标居中 01 div { 02 height:25px; 03 line-height:25px; 04 } 05 //也就是给height和line-height同样的高度,再用margin-bottom来细调。 3.当网页字体小于12px时 chrome内核浏览器始终显示为12px 01 body{ 02 -webkit-text-size-adjust:none; /*for chorme*/ 03 } 4.ie6双倍margin的bug 01 #box{ 02 float:left; 03 width:100px; 04 margin:0 0 0 100px; //ie6会产生200px的距离 05 display:inline; //解决办法 06 } 5. 多个class合并书写 01 //通常class里面只写一个值,事实上可以多个值,用空格隔开即可。 6.给网页换个鼠标指针 01 cursor:url('指针绝对路径'),auto; 02 //通常这个css写在body和a里 7.input文本框光标居中 01 //不同浏览器对这个理解不同 02 //解决方法是设置input高度与文字高度相等,然后用上下padding填充即可。 8.css sprites用法 01 .a { 02 display:inline-block; 03 height:16px; width:16px; 04 background:url(icon.png) x坐标 y坐标 no-repeat; 05 } 9.子容器增长时父容器不自动增长 01 //给父容器定义样式 02 overflow:auto; 03 zoom:1;//兼容IE6 10.IE6 IE7下li高度问题 01 //IE6 IE7将字体高度也算入行高 导致li高度异常 只需给li定义以下样式即可 02 font-size:0px; |
|