不知從何時(shí)開(kāi)始,CSS開(kāi)始為國(guó)人重視起來(lái)。許多人都開(kāi)始學(xué)習(xí)CSS,但又不知從何入手,所以此文就是給那些初學(xué)者所寫,帶他們踏上CSS列車。
一. CSS學(xué)習(xí)重在方法!
學(xué)習(xí)任何東西都是一樣,從小學(xué)、中學(xué)、大學(xué),除了學(xué)習(xí)知識(shí)外就是去學(xué)習(xí)方法!
要想掌握CSS, 首先要學(xué)會(huì)HTML,因?yàn)橐粋(gè)樣式它是不可能脫離HTML頁(yè)面的,HTML不與樣式結(jié)合的話, CSS就失去了存在的意義。所以一般書中都會(huì)舉一個(gè)例子,然后讓你上機(jī)測(cè)試效果,這是筆者想讓你有對(duì)樣式表CSS有一個(gè)初步的印象,告訴你CSS能做什么。一個(gè)小例子:“麻雀雖小,五臟俱全”,你可能看不懂每一個(gè)語(yǔ)句的真正意思。但是你可以記得例子的模式,以后在實(shí)踐中不斷地用,不斷用的過(guò)程就是不斷記的過(guò)程,所以不能恢心,不能總認(rèn)為自己記憶力不好,但不管你騎的是牛也好,千里馬也罷,只要有恒心,一定會(huì)到達(dá)終點(diǎn)的。
閱讀一本書,一般來(lái)說(shuō)第一次要先把整個(gè)書通讀一遍,不理解的也要往下看,在往下看的過(guò)程中你也許會(huì)找到那個(gè)問(wèn)題的答案?赐旰竽阌幸粋(gè)大概的印象,但一定有很多不明白的地方,沒(méi)關(guān)系,繼續(xù)往下看。
第二遍你就要邊看邊做學(xué)習(xí)筆記了,把你認(rèn)為是重點(diǎn)的部分寫上,還有,你覺(jué)得有疑問(wèn)的部分也要記下,帶著疑問(wèn)看下去,如果沒(méi)有答案,你可以去BBS上發(fā)一個(gè)貼子,好心人還是很多的,提示一句:“一定要學(xué)會(huì)如何去問(wèn)問(wèn)題!” 這里就不說(shuō)了。你還要上機(jī)去練習(xí)書上的例子,最讓你困惑的:“一是記不住,二是對(duì)概念的理解有誤(這一條可能是書譯的不好,另外就是你的理解不對(duì))”,對(duì)于第一條你就要樹立信心,堅(jiān)持再堅(jiān)持下去。當(dāng)你到達(dá)終點(diǎn)時(shí)你回發(fā)現(xiàn)一切都是順理成章的事。因?yàn)槟闩α,努力了就?huì)有回報(bào),有結(jié)果。
有好多人也看了,但是沒(méi)有什么進(jìn)步,分析主要有以下幾個(gè)原因:
原因一:壓力不夠,因?yàn)橛胁簧偃吮热缑拦W(xué)CSS,因?yàn)槭强磩e人學(xué),所以學(xué)之,不學(xué)就沒(méi)優(yōu)勢(shì)!這樣的壓力是很小的,學(xué)不好還有美工這碗飯。
原因二:只是業(yè)余學(xué)習(xí),這樣學(xué)還只是玩一玩,因?yàn)槟悴灰欢ǚ且赃@門技術(shù)吃飯。
原因三:方法不對(duì),有的人只是在看教程,但他不動(dòng)手去做,我以前就是看的太多,做的太少,所以有了實(shí)踐你才能把理論的東西揉進(jìn)去。
二. 掌握CSS的四個(gè)學(xué)習(xí)階段
學(xué)CSS可以分成以下幾個(gè)階段:
階段一:不去想瀏覽器的兼容性問(wèn)題的情況下能做出頁(yè)面,但頁(yè)面里到處用TABLE的 模式DIV寫出的頁(yè)面。
階段二:想到了兼容性問(wèn)題,但無(wú)法提前預(yù)防,只會(huì)修補(bǔ)問(wèn)題,大量使用HACK技術(shù)(我對(duì)HACK技術(shù)只是知道,但用的很少)
階段三:可提前預(yù)防BUG,但樣式表中大量應(yīng)用了ID,CLASS,CSS譯過(guò)來(lái)是重疊樣式表,比如“DIV P SPAN”。這句代碼是標(biāo)明DIV子元素中P的子元素SPAN,這樣寫就可以定義SPAN的樣式了,不用在SPAN中加入CLASS了。這也就是CSS的優(yōu)點(diǎn)所在,為什么不好好利用而一定要定義一個(gè)CLASS呢!
階段四:這一階段是最難的,良好的HTML語(yǔ)義結(jié)構(gòu)、合理的CSS、可重復(fù)利用的樣式。良好的語(yǔ)義有這方面的文章,合理的CSS,這兩方面以后一定會(huì)寫專題來(lái)研究 .
|