首頁  >  文章  >  web前端  >  css網頁版面注意事項

css網頁版面注意事項

巴扎黑
巴扎黑原創
2017-08-14 14:45:421823瀏覽

經常使用p+css佈局的朋友,需要注意以下幾點

一、少用偏門。

  類似break-word斷行,z-index手動分層,還有像垂直對齊等等這些偏門CSS最好少用,因為不一定所有瀏覽器都支持,而且極難透過W3C檢測。 

  二、center不是float的值。

  很多新手都會把center誤認為是float的值,而偏偏不是如此。 center只是text-align的值。 

  三、對齊不能包含兩個值。

  許多新手會在float或text-align中填入兩個值,例如:float:left top。這是不允許的,瀏覽器也無法辨識。 

  四、捲軸顏色最好不要自訂。

  許多瀏覽器無法正常辨識自訂顏色的捲軸,況且許多自訂顏色都不能通過W3C。 

  五、單獨捲軸設定。

  現在經常使用overflow-x(橫向滾動條)或overflow-y(縱向滾動條),在設定這個的時候經常會發現並不是所有的客戶端上都有效果,大家在設定的時候最好在body和html同時進行設定。然而這個CSS也不是CSS2.1支援的(CSS2.1支援overflow,同時定義橫縱捲軸),直到CSS3才支援這個定義方式。盡量少用。 

  六、background和color顏色相同會被警告。

以上是css網頁版面注意事項的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn