引言:
引用一本書中的一段文字:“當我第一次開始學習漢語時,我的家庭老師老王給了我一本漢英字典、一本漢語語法書和一本初級教程。但是,他將這些書放 在一個書筐裡,並說到下周才能派上用場。在第一周,他只教我聽和記一些短語。在開始嚴格有序的學習前,他要我學會如何復述一些短評。“請問,哪裡有餐 館?”。“請給我來點米飯”。“這件衣服多少錢?”。在那個星期,我不得不無條件地接受知識、句子結構、發音和語法。然而,到了星期五我居然可以去一家中 餐館要了一碗米飯並付了賬。沒有理論,沒有解釋,就是這些簡單的短語給了我做這件事的足夠的語法和詞匯。
不知從何時開始,CSS開始為國人重視起來。許多人都開始學習CSS,但又不知從何入手,所以此文就是給那些初學者所寫,帶他們踏上CSS列車。
一. CSS學習重在方法!
學習任何東西都是一樣,從小學、中學、大學,除了學習知識外就是去學習方法!
要想掌握CSS, 首先要學會HTML,我剛開始是從零開始學習的,花了一個月時間學習HTML,沒有老師,書就是我唯一的老師,也沒有上網的條件!一個月過後,我就開始學習CSS,剛開始看的第一本CSS書是《CSS網頁樣式設計》看了幾天後發現根本看不懂!,之後換了一本《HTML參考大全》,這本書是網頁制作師的案頭常備之書!之所以更換這本書來學習CSS,是因為這裡面有一部分是CSS,就成了我的CSS啟蒙書。看了幾段後,覺得外國人寫的教程很有條理,由淺入深,一步一步引領你向前走,讓你明白他們在說什麼,而不是象國內的書講的深淺不一,缺乏條理,好象怕你不知道他很有學問!就象前面所說的那本書《CSS網頁樣式設計》當時看了,對於初學CSS的我來說,真的不知道它在說什麼!
再來談一下學習過程中的細節,因為一個樣式它是不可能脫離HTML頁面的,HTML不與樣式結合的話, CSS就失去了存在的意義。所以一般書中都會舉一個例子,然後讓你上機測試效果,這是筆者想讓你有對樣式表CSS有一個初步的印象,告訴你CSS能做什麼。一個小例子:“麻雀雖小,五髒俱全”,你可能看不懂每一個語句的真正意思。但是你可以記得例子的模式,以後在實踐中不斷地用,不斷用的過程就是不斷記的過程,所以不能恢心,不能總認為自己記憶力不好,但不管你騎的是牛也好,千裡馬也罷,只要有恆心,一定會到達終點的。
閱讀一本書,一般來說第一次要先把整個書通讀一遍,不理解的也要往下看,在往下看的過程中你也許會找到那個問題的答案。看完後你有一個大概的印象,但一定有很多不明白的地方,沒關系,繼續往下看。
第二遍你就要邊看邊做學習筆記了,把你認為是重點的部分寫上,還有,你覺得有疑問的部分也要記下,帶著疑問看下去,如果沒有答案,你可以去BBS上發一個貼子,好心人還是很多的,提示一句:“一定要學會如何去問問題!” 這裡就不說了。你還要上機去練習書上的例子,最讓你困惑的:“一是記不住,二是對概念的理解有誤(這一條可能是書譯的不好,另外就是你的理解不對)”,對於第一條你就要樹立信心,堅持再堅持下去。當你到達終點時你回發現一切都是順理成章的事。因為你努力了,努力了就會有回報,有結果。
有好多人也看了,但是沒有什麼進步,我分析主要有以下幾個原因:
原因一:壓力不夠,因為有不少人比如美工學CSS,因為是看別人學,所以學之,不學就沒優勢!這樣的壓力是很小的,學不好還有美工這碗飯。
原因二:只是業余學習,這樣學還只是玩一玩,因為你不一定非要以這門技術吃飯。
原因三:方法不對,有的人只是在看教程,但他不動手去做,我以前就是看的太多,做的太少,所以有了實踐你才能把理論的東西揉進去。
二. 掌握CSS的四個學習階段
有一次我問一個網友,學CSS難嗎?她說:“不難”我說你學多久了?她說:“剛學”。其實她說的也沒錯!如果有人問我學CSS 難嗎?我會說:“難!”為什麼我會說難呢?
學CSS可以分成以下幾個階段:
階段一:不去想浏覽器的兼容性問題的情況下能做出頁面,但頁面裡到處用TABLE的 模式DIV寫出的頁面。
階段二:想到了兼容性問題,但無法提前預防,只會修補問題,大量使用HACK技術(我對HACK技術只是知道,但用的很少)
階段三:可提前預防BUG,但樣式表中大量應用了ID,CLASS,CSS譯過來是重疊樣式表,比如“DIV P SPAN”。這句代碼是標明DIV子元素中P的子元素SPAN,這樣寫就可以定義SPAN的樣式了,不用在SPAN中加入CLASS了。這也就是CSS的優點所在,為什麼不好好利用而一定要定義一個CLASS呢!
階段四:這一階段是最難的,良好的HTML語義結構、合理的CSS、可重復利用的樣式。良好的語義有這方面的文章,合理的CSS,這兩方面以後一定會寫專題來研究。
三. CSS初學者常見問題:
讓我們一步步來。第一個要求是縮圖的正下方要有個標題。作法相當直接了當:在你的 HTML 裡放上圖片,接著一個斷行 (BR),再把標題放在一個段落 (P) 裡並且置中 (利用 CSS)。
接著我們要讓這些縮圖跟標題成對地排列在浏覽器窗口裡。使用表格排版時,這一對對的縮圖跟標題會被分別放置在 TD 裡。在使用 CSS 排版時,我們要把它們分別放置在 DIV 裡。為了讓它們能水平排列在窗口上,我們用 CSS 讓這些 DIV 往左浮動 (FLOAT)。
問題1:學CSS應該選什麼樣書來讀?
先推薦幾本:
《CSS權威指南》
《網站重構》
《網站布局實錄》
《HTML參考大全》
如果對HTML還不太了解的話,可以先讀讀《HTML參考大全》這本書,這本書即是一本教學書同時也是一本很好的用來查詢HTML的工具書。最近出版的《精通CSS》、 《無懈可擊的Web設計》都是非常好的書,但不適合沒有有CSS基礎的人讀,要想成為一個優秀的CSS Builder,還要有扎實的英文基礎,那樣你就可以去閱讀國外的CSS教程,參與相關的論壇,有人說,不懂英語可以只看代碼,但事實上,他們的書中論述的不僅僅是代碼,更重要的,是他們會告訴我們編碼的思想和編碼的方法,這些都是我們值得去學習和領會的。另外我推薦的中文教程是:《HTML and CSS Standard》、蘇沈小雨《CSS2中文手冊》、電子版《網頁設計師》;外英文版的電子書很多,就不一一舉例。看電子書是一件很乏味的事,我本人就不習慣看電子版的,所以經常買書看。