本篇內(nèi)容主要講解“經(jīng)典的css技巧有哪些”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“經(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ā)，運營維護。創(chuàng)新互聯(lián)公司于2013年開始到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(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;

恢復。

隱藏Exploertextarea的滾動條

textarea{

overflow:auto;

}

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

設(shè)置打印分頁

h3{

page-break-before:always;

}

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

刪除鏈接上的虛線框

a:active,a:focus{

outline:none;

}

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

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

當前文章：經(jīng)典的css技巧有哪些-創(chuàng)新互聯(lián)
文章位置：http://chinadenli.net/article30/desoso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設(shè)、搜索引擎優(yōu)化、靜態(tài)網(wǎng)站、網(wǎng)站建設(shè)、云服務(wù)器、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)