網站制作過程中經常會使用的幾個css屬性
2022-06-16 分類： 網站建設
1、使用 line-height 垂直居中
line-height:24px;
使用固定寬度的容器并且需要一行垂直居中時，使用 line-height 即可(高度與父層容器一致)，更多的垂直居中總結可以看這里。
2、清除容器浮動
#main {
overflow:hidden;
}
期前也提到過這樣的問題，更多信息可以看這里。
3、不讓鏈接折行
a {
white-space:nowrap;
}
上面的設定就能避免鏈接折行，不過個人建議長鏈接會有相應的這行(有關換行方面的討論，參看圓心的記錄)。
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;
}
然后定義內層容器
text-align: left;
恢復。
6、隱藏 Exploer textarea 的滾動條
textarea {
overflow:auto;
}
Exploer 默認情況下 textarea 會有垂直滾動條(不要問我為什么)。
7、 設置打印分頁
h2 {
page-break-before:always;
}
page-break-before 屬性能設置打印網頁時的分頁
line-height:24px;
使用固定寬度的容器并且需要一行垂直居中時，使用 line-height 即可(高度與父層容器一致)，更多的垂直居中總結可以看這里。
2、清除容器浮動
#main {
overflow:hidden;
}
期前也提到過這樣的問題，更多信息可以看這里。
3、不讓鏈接折行
a {
white-space:nowrap;
}
上面的設定就能避免鏈接折行，不過個人建議長鏈接會有相應的這行(有關換行方面的討論，參看圓心的記錄)。
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;
}
然后定義內層容器
text-align: left;
恢復。
6、隱藏 Exploer textarea 的滾動條
textarea {
overflow:auto;
}
Exploer 默認情況下 textarea 會有垂直滾動條(不要問我為什么)。
7、 設置打印分頁
h2 {
page-break-before:always;
}
page-break-before 屬性能設置打印網頁時的分頁
網站題目：網站制作過程中經常會使用的幾個css屬性
當前URL：http://chinadenli.net/news24/168074.html
成都網站建設公司_創(chuàng)新互聯，為您提供建站公司、軟件開發(fā)、商城網站、定制開發(fā)、網站排名、品牌網站設計
聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯
猜你還喜歡下面的內容
- 怎樣做好外貿網站優(yōu)化工作 2022-06-16
- 怎樣迅速提高網站流量方法 2022-06-16
- 電商推廣有哪些ROI高的推廣方法 2022-06-16
- 中小企業(yè)或個人站長如何做好移動端SEO優(yōu)化？ 2022-06-16
- PHP多維數組的排序之array_multisort() 2022-06-16
- 淺談網頁設計的幾種布局理念 2022-06-16
- 很多人問：設置404頁面有什么作用，在優(yōu)化中又取到哪些作用 2022-06-16
- 網站建設后注意網站營銷氛圍營造 2022-06-16
- 網站需要與用戶保持良好的關系 2022-06-16
- 寫好頁面標題的六大注意事項，居然可以增加排名？ 2022-06-16
- nofollow的作用 正確使用nofollow的方法 2022-06-16
- 網站關鍵詞選取的五大技巧 2022-06-16
- 漫談響應式網頁設計 2022-06-16
- 創(chuàng)新互聯宣傳都有什么用途 2022-06-16
- 蘇州企業(yè)做百度推廣為什么總沒有效果？那是因為你不了解問題所在！ 2022-06-16
- 網絡營銷必備微信推廣引流 2022-06-16
- 從百度自然排名的觀察淺淡影響百度排名的幾個因數 2022-06-16
- 網頁首屏設計技巧 2022-06-16
- 重慶企業(yè)品牌產品推廣的主要流程和核心要素是什么？ 2022-06-16