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

一、少用偏門。

　　類似break-word斷行，z-index手動分層，還有像垂直對齊等等這些偏門CSS最好少用，因為不一定所有瀏覽器都支持，而且極難通過W3C檢測。
二、center不是float的值。
　　很多新手都會把center誤認為是float的值，而偏偏不是如此。center只是text-align的值。
三、對齊不能包括兩個值。
　　很多新手會在float或者text-align中填寫兩個值，比如：float:lefttop。這是不允許的，瀏覽器也無法識別。
四、滾動條顏色最好不要自定義。
　　很多瀏覽器不能正常識別自定義顏色的滾動條，況且很多自定義顏色都不能通過W3C。
五、單獨滾動條設置。
　　現在經常使用overflow-x（橫向滾動條）或者overflow-y（縱向滾動條），在設置這個的時候經常會發現并不是所有的客戶端上都有效果，大家在設置的時候最好在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。
五、單獨滾動條設置。
　　現在經常使用overflow-x（橫向滾動條）或者overflow-y（縱向滾動條），在設置這個的時候經常會發現并不是所有的客戶端上都有效果，大家在設置的時候最好在body和html同時進行設置。然而這個CSS也不是CSS2.1支持的（CSS2.1支持overflow，同時定義橫縱滾動條），直到CSS3才支持這種定義方式。盡量少用。
網頁標題：廣州做網站淺談CSS布局的6個注意事項
文章網址：http://www.yuzhuanjia.cn/view/32434.html