你現在的CSS水平處於什麼等級?

來源:互聯網
上載者:User

  CSS(層疊樣式表),可能看過網站製作教程網基礎教程的人都知道大概是什麼回事.本文來測一下,你學習CSS現在處於怎麼一個階段或者說處在一個什麼等級.

       本文總共將CSS學習者從低到高分為六個等級.快來看看你是在哪個等級.

  第0級:CSS?什麼CSS,是不是CS啊.那遊戲我玩過呀.是個多人遊戲呀

  CSS? Isn't that a multiplayer game?

  有些人因為在找CS:S(Counter Strike: Source)這款遊戲的資訊而進到#CSS網站。不必擔心這些人,他們不可能製作太多網頁,所以對網路也不會造成多大傷害。

  第1級:CSS我知道啊.也用.我偶爾用它來移除連結的底線

  CSS 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)(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,如果你在他們的網站上面發現任何錯誤,那一定是有理由的,向他們請教之後你必能獲得滿意的解答。

          不管你處於哪個等級.只要認識學習.但一定要認清楚.CSS網頁布局與表現的分離是一定有好處的.

 

相關文章

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.