css網頁布局中注意的幾個問題小結

來源:互聯網
上載者:User

一、少用偏門。

  類似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顏色相同會受到警告。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.