CSS点滴记录

1. background-image:url(images/xx.gif)中的images/xx.gif是相对于css文件的。与调用此css文件的网页位置无关。

?

2.?css命名的时候，不能以数字开头。否则，会没有效果。类似#1service和 .1service这样的都不行。

?

3. 多列DIV高度自动对齐（将较短的栏高度自动拉长）

#wrap{  overflow: hidden;}#sideleft, #sideright{  padding-bottom: 32767px;  margin-bottom: -32767px;}

?? 参考：

??????? 事例：http://hi.baidu.com/xpnew/blog/item/3504685973c9cf2d2934f07e.html/cmtid/b16df3f242e8071bb17ec555

??????? 原理：http://www.cnblogs.com/sunrack/articles/1306057.html

?

4. DIV水平居中

?? ? ? ?如果是"position: relative;"的div，那么直接用"margin-left: auto; margin-right: auto;"，就可以，不细说了。

?

??????? 重点看一下"position: absolute;"或者"position: fixed;"的div，可以用下面的CSS:

.div-center {  position: absolute; /* 或者position: fixed; */  width: 200px;  height: 80px;  left: 50%;  right: 50%;  margin-left: -100px; /* 自身宽度的相反数 */}

?

?

?