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

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

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



一、少用偏門。

  類似break-word斷行,z-index手動(dòng)分層,還有像垂直對(duì)齊等等這些偏門CSS最好少用,因?yàn)椴灰欢ㄋ袨g覽器都支持,而且極難通過(guò)W3C檢測(cè)。
二、center不是float的值。
  很多新手都會(huì)把center誤認(rèn)為是float的值,而偏偏不是如此。center只是text-align的值。
三、對(duì)齊不能包括兩個(gè)值。
  很多新手會(huì)在float或者text-align中填寫兩個(gè)值,比如:float:lefttop。這是不允許的,瀏覽器也無(wú)法識(shí)別。
四、滾動(dòng)條顏色最好不要自定義。
  很多瀏覽器不能正常識(shí)別自定義顏色的滾動(dòng)條,況且很多自定義顏色都不能通過(guò)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)分層,還有像垂直對(duì)齊等等這些偏門CSS最好少用,因?yàn)椴灰欢ㄋ袨g覽器都支持,而且極難通過(guò)W3C檢測(cè)。
二、center不是float的值。
  很多新手都會(huì)把center誤認(rèn)為是float的值,而偏偏不是如此。center只是text-align的值。
三、對(duì)齊不能包括兩個(gè)值。
  很多新手會(huì)在float或者text-align中填寫兩個(gè)值,比如:float:lefttop。這是不允許的,瀏覽器也無(wú)法識(shí)別。
四、滾動(dòng)條顏色最好不要自定義。
  很多瀏覽器不能正常識(shí)別自定義顏色的滾動(dòng)條,況且很多自定義顏色都不能通過(guò)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)頁(yè)路徑:http://www.muchs.cn/news34/32434.html

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

廣告

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

營(yíng)銷型網(wǎng)站建設(shè)