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

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

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

一、少用偏門。

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

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

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

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

聲明：本網(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)容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

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