廣州做網(wǎng)站淺談CSS布局的6個注意事項

2016-08-30 分類：做網(wǎng)站

今天，廣州做網(wǎng)站小編跟大家淺談下CSS布局的6個注意事項在做網(wǎng)站開發(fā)過程當中，前端的工作有很大一部分要解決頁面布局樣式的問題。所以，css這個技術必須要能夠熟練的應用。今天做網(wǎng)站小編就和大家分享一下關于做網(wǎng)站過程當中css布局應該注意的一些必要事項。

一、少用偏門。

　　類似break-word斷行，z-index手動分層，還有像垂直對齊等等這些偏門CSS最好少用，因為不一定所有瀏覽器都支持，而且極難通過W3C檢測。
二、center不是float的值。
　　很多新手都會把center誤認為是float的值，而偏偏不是如此。center只是text-align的值。
三、對齊不能包括兩個值。
　　很多新手會在float或者text-align中填寫兩個值，比如：float:lefttop。這是不允許的，瀏覽器也無法識別。
四、滾動條顏色最好不要自定義。
　　很多瀏覽器不能正常識別自定義顏色的滾動條，況且很多自定義顏色都不能通過W3C。
五、單獨滾動條設置。
　　現(xiàn)在經(jīng)常使用overflow-x（橫向滾動條）或者overflow-y（縱向滾動條），在設置這個的時候經(jīng)常會發(fā)現(xiàn)并不是所有的客戶端上都有效果，大家在設置的時候最好在body和html同時進行設置。然而這個CSS也不是CSS2.1支持的（CSS2.1支持overflow，同時定義橫縱滾動條），直到CSS3才支持這種定義方式。盡量少用。

　　類似break-word斷行，z-index手動分層，還有像垂直對齊等等這些偏門CSS最好少用，因為不一定所有瀏覽器都支持，而且極難通過W3C檢測。
二、center不是float的值。
　　很多新手都會把center誤認為是float的值，而偏偏不是如此。center只是text-align的值。
三、對齊不能包括兩個值。
　　很多新手會在float或者text-align中填寫兩個值，比如：float:lefttop。這是不允許的，瀏覽器也無法識別。
四、滾動條顏色最好不要自定義。
　　很多瀏覽器不能正常識別自定義顏色的滾動條，況且很多自定義顏色都不能通過W3C。
五、單獨滾動條設置。
　　現(xiàn)在經(jīng)常使用overflow-x（橫向滾動條）或者overflow-y（縱向滾動條），在設置這個的時候經(jīng)常會發(fā)現(xiàn)并不是所有的客戶端上都有效果，大家在設置的時候最好在body和html同時進行設置。然而這個CSS也不是CSS2.1支持的（CSS2.1支持overflow，同時定義橫縱滾動條），直到CSS3才支持這種定義方式。盡量少用。

網(wǎng)站標題：廣州做網(wǎng)站淺談CSS布局的6個注意事項
網(wǎng)頁網(wǎng)址：http://www.muchs.cn/news/32434.html

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡營銷seo公司；服務項目有做網(wǎng)站等

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

猜你還喜歡下面的內(nèi)容