CSS技巧让你的网站更上一层楼

 CSS是网站的外衣，所谓人靠衣装，佛靠金装，CSS决定了你给用户的第一感觉。虽然一直在做网站的架构和后端开发，但是还是需要多揣点CSS技巧，以防万一。

01.DIV水平居中

DIV 水平居中很简单，只需要设置DIV的宽带以及让左右margins设置成auto：

div#container {width: 960px; margin: 0 auto }

02.文字垂直居中

单行文字居中，只需要将行高和容器高度设置成一样即可。比如下面的HTML代码：

<div >Link<span>Tooltips</span></a>

  a.tooltip {position: relative}
  a.tooltip span {display:none; padding:5px; width:200px;}
  a:hover {background:#fff;} /*background-color is a must for IE6*/
  a.tooltip:hover span{display:inline; position:absolute;}

32.固定页头

当页面滚动的时候，页首固定在位置不变，适合导航条:

body{ margin:0;padding:100px 0 0 0;}
  div#header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:<length>;
}

@media screen{
　body>div#header{position: fixed;}
}

* html body{overflow:hidden;}
* html div#content{height:100%;overflow:auto;}