1.堅持用記事本寫
其實,真正的接觸div+css也就一年,是一個初學(xué)者,也一樣在DW里拖拖拽拽,做東西的時候都在設(shè)計視圖下,從來不看頁面代碼什么樣,老師也是這樣教的,對網(wǎng)頁的概念就是圖片和動畫的堆砌。工作后,很幸運(yùn)的遇到了一個不錯的主管,在我學(xué)習(xí)css期間,給了很大的幫助與支持。他要求我完全用記事本寫,還給我介紹了幾本書,一本叫做《CSS基礎(chǔ)教程》感覺還不錯。下載了蘇昱的css幫助手冊,就一邊寫,一邊看書,查手冊。
也許我的方法不是最好的,但是很適合我。如果開始過多的依賴于軟件,css里面的很多樣式需要很久才會記得,用起來自然不會得心應(yīng)手,等慢慢熟記了手冊里的每個樣式以后,為了提高開發(fā)效率,再用(Dreamweaver簡寫,下同)寫。
2.養(yǎng)成好的書寫習(xí)慣
記得大學(xué)時候一個教我們delphi老師說過,好的程序員寫出的程序像詩一樣,錯落有致,很有美感。我想說我們在寫html和樣式的時候也應(yīng)該是這樣的,比如在寫html的時候,我的習(xí)慣是div標(biāo)簽成對寫好,再填內(nèi)容。不然很容易落下關(guān)閉標(biāo)簽,出現(xiàn)錯誤很難排查,有人會說了,寫簡單的頁面可以,但是寫大的頁面,通常幾十個套在一起,容易寫串,這種情況也會有,這就要靠恰當(dāng)?shù)淖⑨專涂s進(jìn)來避免了。寫css的時候網(wǎng)上有很多推薦的規(guī)范,比如菜單類用menu,版權(quán)用CoryRight,底部用footer等等,在書寫順序上一般是:顯示屬性-自身屬性-文本屬性。當(dāng)然這些都沒有硬性的規(guī)定,但是遵循一些不成文的規(guī)定不是壞事,這樣讓自己寫的代碼,容易讓別人讀懂。
3.走出誤區(qū)
誤區(qū)一,web標(biāo)準(zhǔn)就是全部用div。
很多以前用table布局的人,學(xué)了div+css以后,你在他的代碼里就再也找不到table了,感覺用table是件不光彩的事。事實并非如此,web2.0標(biāo)準(zhǔn)也沒明確提到用table還是div,因為table也是符合xml規(guī)則的。含有table的頁面照樣可以通過XHTML1.0的驗證。再者,div+css可能是萬能的,但在有些方面并不是最好的。比如我們在做一個表單,table絕對是最好的解決方案,div實現(xiàn)起來絕對沒有table來的簡潔。
誤區(qū)二,一定要通過驗證。標(biāo)準(zhǔn)只是促使我們在感念上的更新不是簡單的代碼的改變。很多人用js欺騙validator,通過驗證,這樣沒有通不過驗證的頁面,但是通過驗證并不是我們的最終目的。我們想寫出在互聯(lián)網(wǎng)上暢通無阻的網(wǎng)頁,用戶方便使用的網(wǎng)頁。
誤區(qū)三,hack用的越多,花樣越多自己的水平越高。當(dāng)我們遇到不兼容的問題,通常會想到hack,但是最好是先試了其他所有可行的方法,寫出簡單而符合標(biāo)準(zhǔn)的代碼,不得已才用hack因為網(wǎng)頁瀏覽器的支持(向前兼容)不應(yīng)該僅限于對過去瀏覽器的支持,更應(yīng)該是對未來的瀏覽器的支持(向后兼容),所以我們盡量做到標(biāo)準(zhǔn),才不會過時。
4.毅力
這個就不多說了,做任何事都需要,寫樣式更是。樣式就那幾個,標(biāo)簽也就那幾個,翻來覆去是不會少的。調(diào)瀏覽器的兼容性更是需要耐性和毅力。
上邊只是我在學(xué)習(xí)中的一些體會,可能高手是不屑看的,希望對初學(xué)者有所幫助。
作者: