1、使用(yòng) line-height 垂直居中(zhōng) 

　　line-height:24px;

　　使用(yòng)固定寬度的容器并且需要一行垂直居中(zhōng)時，使用(yòng) line-height 即可(kě)(高度與父層容器一緻)，更多(duō)的垂直居中(zhōng)總結可(kě)以看這裏。

　　2、清除容器浮動

　　#main {

　　overflow:hidden;

　　}

　　期前也提到過這樣的問題，更多(duō)信息可(kě)以看這裏。

　　3、不讓鏈接折行

　　a {

　　white-space:nowrap;

　　}

　　上面的設定就能(néng)避免鏈接折行，不過個人建議長(cháng)鏈接會有(yǒu)相應的這行(有(yǒu)關換行方面的讨論，參看圓心的記錄)。

　　4、始終讓 Firefox 顯示滾動條

　　html {

　　overflow:-moz-scrollbars-vertical;

　　}

　　更多(duō)的 Mozilla/Firefox 私有(yǒu) CSS 屬性可(kě)以參考這裏。需跨浏覽器的支持，也可(kě)以使用(yòng)

　　body, html {

　　min-height:101%;

　　}

　　5、使塊元素水平居中(zhōng)

　　margin:0 auto;

　　其實就是

　　margin-left: auto;

　　margin-right: auto;

　　這個技(jì )巧基本上所有(yǒu)的 CSS 教科(kē)書都會有(yǒu)說明，别忘記給它加上個寬度。Exploer 下也可(kě)以使用(yòng)

　　body{

　　text-align: center;

　　}

　　然後定義内層容器

　　text-align: left;

　　恢複。

　　6、隐藏 Exploer textarea 的滾動條

　　textarea {

　　overflow:auto;

　　}

　　Exploer 默認情況下 textarea 會有(yǒu)垂直滾動條(不要問我為(wèi)什麽)。

　　7、　設置打印分(fēn)頁(yè)

　　h2 {

　　page-break-before:always;

　　}

　　page-break-before 屬性能(néng)設置打印網頁(yè)時的分(fēn)頁(yè)。

　　8、　删除鏈接上的虛線(xiàn)框

　　a:active, a:focus {

　　outline:none;

　　}

　　Firefox 默認會在鏈接獲得焦點(或者點擊時)加上條虛線(xiàn)框，使用(yòng)上面的屬性可(kě)以删除。

　　9、最簡單的 CSS 重置

　　* {

　　margin: 0; padding: 0

　　}