DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 你真的了解CSS嗎?你是屬於哪個層次?
你真的了解CSS嗎?你是屬於哪個層次?
編輯:CSS詳解     

我們在不斷的學習,追求進步與提高,在webjx.com中有大量的教程,到底學到什麼程度了,到底是不是真的了解CSS,是哪個層次了呢。我們來對照一下。

  第0級:CSS?那不是一個多人射擊游戲嗎?
  CSS? Isn't that a multiplayer game?
  有些人因為在找CS:S(Counter Strike: Source)這款游戲的資訊而進到#CSS網站。不必擔心這些人,他們不可能制作太多網頁,所以對網絡也不會造成多大傷害。

  第1級:是啊,我偶爾用它來移除連結的底線
  Yeah, I use it to remove underlines on links sometimes
  和第0級的人不同,這些人學過HTML,也制作過幾個簡單的網站。他們只有在無法使用Html制作出某些效果時,才會使用CSS,例如移除連結的底線或者設定行高。這些人的網站通常規模不大也沒什麼訪客,所以他們也不會對網絡造成太大傷害。

  第2級:不,我不喜歡div元素;表格好用多了!
  No, I don't like divs; tables are much easIEr to work with
  他們聽過使用div元素來設計網頁這件事,也花了些時間學習CSS。不過他們很快就放棄了,覺得CSS太難而且支持度不佳,還是寧可用表格排版。

注意!他們是危險人物!他們在這個領域已經待了一段時間,許多都是網站部門的主管。和他們接觸是很重要的,提倡網絡標准的人應該多多開導他們,這對網絡的意義非同小可。

  第3級:是啊,聽說它挺好的,不過我沒用它因為……
  Yes I've heard it's good, but I can’t use it because of…
  這些人雖然知道CSS的優點,不過總是基於某些原因而無法使用它,例如他們可能有第2級的上司,或者他們必須考慮到Netscape 4的使用者。
  舊版的浏覽器雖然不支持CSS,不過使用者還是可以看見完整的內容。而基於親和力(Accessibility)和易用性(usability)的好 處,CSS可以為網站帶來更多訪客。把這些優點告訴第3級的開發人員,即使他們不是決策者,或許多少能對第2級的上司發揮點影響力吧。

  第4級:CSS?喔!沒錯,我用div元素來排版
  CSS? Oh! Yes, I use divs for all my layouts
  在頁面中使用過多的div元素反而是這群人的問題,他們會用#toprightredline或是#r5_c7(表示第5列第7欄)這樣的方式設定div元 素的id。即使可以通過XHtml 1.1的驗證,這種排版方式卻無法發揮CSS的優勢。熒幕朗讀軟體(screen readers,視障者使用的浏覽器)很難解譯這些網頁,舊版浏覽器也會有同樣的問題,網頁的內容無法完整顯示。而不良的class與id命名方式,也對 於版面的修改造成極大不便。

雖然第4級的人制作的網站仍然很糟,不過由於他們很容易接受新的觀念,因此對網絡造成的傷害較小。許多所見即所得(WYSIWYG)的編輯器制作出充滿div元素的原始碼,可能也是誤導這群人的原因。幸好這些編輯器已經逐漸改良了,希望這會有助於第4級的人繼續往上提升。

  第5級:我用CSS來設計,這比表格好多了,因為……
  I use CSS for design, it's better than tables because of…
  第5級的人知道CSS的優點並樂於使用,雖然有時會遇到些問題,但並不嚴重。他們也能運用長期的CSS工作經驗,與人辯論為什麼要將網頁的結構與設計分開。我猜這篇文章大部分的讀者是這一級的CSS開發人員,我想我自己也是。不過這還不是最好的……

  第6級:哪個版本的CSS?是的,我知道啊。你有讀過我的書關於……
  What version of CSS? Yes, I do. Did you read my book about…
  第6級的人致力於改良CSS,並且寫了許多很棒的文章介紹它的新用法。其中有些人將W3C關於CSS的說明文件全部讀完了,並且知道哪些功能在哪個版本的浏 覽器才有支持。他們是CSS初學者的典范,並且運用他們的影響力使網絡更加進步。其中有許多人組成了Web Standards Project,如果你在他們的網站上面發現任何錯誤,那一定是有理由的,向他們請教之後你必能獲得滿意的解答。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved