網(wǎng)站制作過程中經(jīng)常會使用的幾個css屬性
2022-06-16 分類： 網(wǎng)站建設(shè)
1、使用 line-height 垂直居中
line-height:24px;
使用固定寬度的容器并且需要一行垂直居中時，使用 line-height 即可(高度與父層容器一致)，更多的垂直居中總結(jié)可以看這里。
2、清除容器浮動
#main {
overflow:hidden;
}
期前也提到過這樣的問題，更多信息可以看這里。
3、不讓鏈接折行
a {
white-space:nowrap;
}
上面的設(shè)定就能避免鏈接折行，不過個人建議長鏈接會有相應(yīng)的這行(有關(guān)換行方面的討論，參看圓心的記錄)。
4、始終讓 Firefox 顯示滾動條
html {
overflow:-moz-scrollbars-vertical;
}
更多的 Mozilla/Firefox 私有 CSS 屬性可以參考這里。需跨瀏覽器的支持，也可以使用
body, html {
min-height:101%;
}
5、使塊元素水平居中
margin:0 auto;
其實就是
margin-left: auto;
margin-right: auto;
這個技巧基本上所有的 CSS 教科書都會有說明，別忘記給它加上個寬度。Exploer 下也可以使用
body{
text-align: center;
}
然后定義內(nèi)層容器
text-align: left;
恢復(fù)。
6、隱藏 Exploer textarea 的滾動條
textarea {
overflow:auto;
}
Exploer 默認情況下 textarea 會有垂直滾動條(不要問我為什么)。
7、 設(shè)置打印分頁
h2 {
page-break-before:always;
}
page-break-before 屬性能設(shè)置打印網(wǎng)頁時的分頁
line-height:24px;
使用固定寬度的容器并且需要一行垂直居中時，使用 line-height 即可(高度與父層容器一致)，更多的垂直居中總結(jié)可以看這里。
2、清除容器浮動
#main {
overflow:hidden;
}
期前也提到過這樣的問題，更多信息可以看這里。
3、不讓鏈接折行
a {
white-space:nowrap;
}
上面的設(shè)定就能避免鏈接折行，不過個人建議長鏈接會有相應(yīng)的這行(有關(guān)換行方面的討論，參看圓心的記錄)。
4、始終讓 Firefox 顯示滾動條
html {
overflow:-moz-scrollbars-vertical;
}
更多的 Mozilla/Firefox 私有 CSS 屬性可以參考這里。需跨瀏覽器的支持，也可以使用
body, html {
min-height:101%;
}
5、使塊元素水平居中
margin:0 auto;
其實就是
margin-left: auto;
margin-right: auto;
這個技巧基本上所有的 CSS 教科書都會有說明，別忘記給它加上個寬度。Exploer 下也可以使用
body{
text-align: center;
}
然后定義內(nèi)層容器
text-align: left;
恢復(fù)。
6、隱藏 Exploer textarea 的滾動條
textarea {
overflow:auto;
}
Exploer 默認情況下 textarea 會有垂直滾動條(不要問我為什么)。
7、 設(shè)置打印分頁
h2 {
page-break-before:always;
}
page-break-before 屬性能設(shè)置打印網(wǎng)頁時的分頁
網(wǎng)站題目：網(wǎng)站制作過程中經(jīng)常會使用的幾個css屬性
當前URL：http://www.rwnh.cn/news24/168074.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、軟件開發(fā)、商城網(wǎng)站、定制開發(fā)、網(wǎng)站排名、品牌網(wǎng)站設(shè)計
聲明：本網(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)
猜你還喜歡下面的內(nèi)容
- 怎樣做好外貿(mào)網(wǎng)站優(yōu)化工作 2022-06-16
- 怎樣迅速提高網(wǎng)站流量方法 2022-06-16
- 電商推廣有哪些ROI高的推廣方法 2022-06-16
- 中小企業(yè)或個人站長如何做好移動端SEO優(yōu)化？ 2022-06-16
- PHP多維數(shù)組的排序之a(chǎn)rray_multisort() 2022-06-16
- 淺談網(wǎng)頁設(shè)計的幾種布局理念 2022-06-16
- 很多人問：設(shè)置404頁面有什么作用，在優(yōu)化中又取到哪些作用 2022-06-16
- 網(wǎng)站建設(shè)后注意網(wǎng)站營銷氛圍營造 2022-06-16
- 網(wǎng)站需要與用戶保持良好的關(guān)系 2022-06-16
- 寫好頁面標題的六大注意事項，居然可以增加排名？ 2022-06-16
- nofollow的作用 正確使用nofollow的方法 2022-06-16
- 網(wǎng)站關(guān)鍵詞選取的五大技巧 2022-06-16
- 漫談響應(yīng)式網(wǎng)頁設(shè)計 2022-06-16
- 創(chuàng)新互聯(lián)宣傳都有什么用途 2022-06-16
- 蘇州企業(yè)做百度推廣為什么總沒有效果？那是因為你不了解問題所在！ 2022-06-16
- 網(wǎng)絡(luò)營銷必備微信推廣引流 2022-06-16
- 從百度自然排名的觀察淺淡影響百度排名的幾個因數(shù) 2022-06-16
- 網(wǎng)頁首屏設(shè)計技巧 2022-06-16
- 重慶企業(yè)品牌產(chǎn)品推廣的主要流程和核心要素是什么？ 2022-06-16