1. DIV+CSS在網頁布局學習中容易出現的問題及解決方法

      2010-11-01

                  應用Div+CSS網頁布局,制作符合web標準的網站,容易出現的一些問題。

      現在總結一下,以便大家能夠看到明白問題出在那里。

                  一、CSS校驗的問題

                  我們設計的網頁,都希望符合XHTML標準,CSS通過W3C的校驗。有些未通過CSS2.0校驗,主要校驗錯誤都是:“Line : 0 font-family: 建議你指定一個種類族科作為后的選擇”

                  W3C建議字體定義的時候,后以一個類別的字體結束,而不要以單獨某個字體結束。例如"sans-serif"就可以保證在不同操作系統下,網頁字體都能被顯示。

                  雖然多數人都在body標簽上定義了"sans-serif",但在其它的id或class中再次定義字體時漏了sans-serif,被認為校驗不通過。這個錯誤不是很嚴重,只要稍加注意就可以避免。

                   二、CSS的書寫建議

                   給CSS文件加注釋。注釋會為你今后的維護帶來方便,建議盡可能給CSS文件加注釋,不要擔心增加少量的字節。 盡量簡寫CSS語法。比如顏色值"#FFFFFF"可以簡寫成"#FFF";"padding-top:30px;Padding-right:0;padding-bottom:10px;padding-left:2 0px"可以簡寫為"padding:30px 0 10px 20px;"。在定義技巧上有更多的節省技巧,隨著對CSS應用的熟練,你會不斷發現更好的辦法。

                   三、XHTML校驗的問題

                   往往大家對CSS的校驗比較注意,但在XHTML符合標準方面有點忽視,出現很多低級錯誤。主要問題羅列如下:

      ◎target="_blank",這個語法在HTML4.0里是正確的,在XHTML1.0里是不允許使用的。解決的辦法之一是寫成target="new",另外一個辦法是用js處理所有的target;

      ◎樣式表好不要內嵌,將樣式表文件獨立出來易于維護。如果內嵌