學習div+css的初級方法

日期:2012-05-17 /人氣:388 /來源:愛窩css

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

作者:

咨詢電話 400-000-6302 (點擊查看詳細)

虎虎生财注册 uc彩票安卓 青鹏棋牌官网 2017年养蛇能赚钱吗 11选5软件 7m网球比分直播 历年上证指数图 众发娱乐可以赚钱吗 广东26选5 威海股票配资 百姓网 上海天天彩选4中2个号 qq分分彩 北京赛车计划 广东26选5开奖结果查询 北京pk10 体彩排列5走势图带连线 老快3走势图