經常使用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中文網其他相關文章!