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

房縣網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)公司！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站開發(fā)等網(wǎng)站項目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)公司于2013年開始到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運(yùn)維經(jīng)驗，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)公司。

經(jīng)典的css技巧

使用line-height垂直居中

line-height:24px;

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

清除容器浮動

#main{

overflow:hidden;

}

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

不讓鏈接折行

a{

white-space:nowrap;

}

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

始終讓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;

恢復(fù)。

隱藏Exploertextarea的滾動條

textarea{

overflow:auto;

}

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

設(shè)置打印分頁

h3{

page-break-before:always;

}

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

刪除鏈接上的虛線框

a:active,a:focus{

outline:none;

}

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

到此，相信大家對“經(jīng)典的css技巧有哪些”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)建站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

文章名稱：經(jīng)典的css技巧有哪些-創(chuàng)新互聯(lián)
URL鏈接：http://weahome.cn/article/desoso.html