笔记_02

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;