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

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

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

一、少用偏門。

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

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

網(wǎng)站名稱：廣州做網(wǎng)站淺談CSS布局的6個(gè)注意事項(xiàng)
網(wǎng)頁路徑：http://m.kartarina.com/news34/32434.html

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

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

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