經(jīng)典的css技巧有哪些

本篇內(nèi)容主要講解“經(jīng)典的css技巧有哪些”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“經(jīng)典的css技巧有哪些”吧!

　　經(jīng)典的css技巧

　　使用line-height垂直居中

　　line-height:24px;

　　使用固定寬度的容器并且需要一行垂直居中時，使用line-height即可（高度與父層容器一致）。

　　清除容器浮動

　　#main{

　　overflow:hidden;

　　}

　　期前也提到過這樣的問題。

　　不讓鏈接折行

　　a{

　　white-space:nowrap;

　　}

　　上面的設定就能避免鏈接折行，不過個人建議長鏈接會有相應的這行（有關換行方面的討論，參看圓心的記錄）。

　　始終讓Firefox顯示滾動條

　　html{

　　overflow:-moz-scrollbars-vertical;

　　}

　　更多的Mozilla/Firefox私有CSS屬性可以參考這里。需跨瀏覽器的支持，也可以使用

　　body,html{

　　min-height:101%;

　　}

　　css技巧有什么

　　使塊元素水平居中

　　margin:0auto;

　　其實就是

　　margin-left:auto;

　　margin-right:auto;

　　這個技巧基本上所有的CSS教科書都會有說明，別忘記給它加上個寬度。Exploer下也可以使用

　　body{

　　text-align:center;

　　}

　　然后定義內(nèi)層容器

　　text-align:left;

　　恢復。

　　隱藏Exploertextarea的滾動條

　　textarea{

　　overflow:auto;

　　}

　　Exploer默認情況下textarea會有垂直滾動條（不要問我為什么）。

　　設置打印分頁

　　h3{

　　page-break-before:always;

　　}

　　page-break-before屬性能設置打印網(wǎng)頁時的分頁。

　　刪除鏈接上的虛線框

　　a:active,a:focus{

　　outline:none;

　　}

　　Firefox默認會在鏈接獲得焦點（或者點擊時）加上條虛線框，使用上面的屬性可以刪除。

到此，相信大家對“經(jīng)典的css技巧有哪些”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關內(nèi)容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！