CSS的學(xué)習(xí)應(yīng)該注意學(xué)習(xí)方法

2024-07-11 08:23:33

字體：大中小

供稿：網(wǎng)友

　　學(xué)習(xí)任何東西都是一樣，從小學(xué)、中學(xué)、大學(xué)，除了學(xué)習(xí)知識(shí)外就是去學(xué)習(xí)方法！

　　要想把握CSS, 首先要學(xué)會(huì)HTML，我剛開始是從零開始學(xué)習(xí)的，花了一個(gè)月時(shí)間學(xué)習(xí)HTML，沒有老師，書就是我唯一的老師，也沒有上網(wǎng)的條件！一個(gè)月過后，我就開始學(xué)習(xí)CSS，剛開始看的第一本CSS書是《CSS網(wǎng)頁樣式設(shè)計(jì)》看了幾天后發(fā)現(xiàn)根本看不懂！，之后換了一本《HTML參考大全》，這本書是網(wǎng)頁制作師的案頭常備之書！之所以更換這本書來學(xué)習(xí)CSS，是因?yàn)檫@里面有一部分是CSS，就成了我的CSS啟蒙書。看了幾段后，覺得外國(guó)人寫的教程很有條理，由淺入深，一步一步引領(lǐng)你向前走，讓你明白他們?cè)谡f什么，而不是象國(guó)內(nèi)的書講的深淺不一，缺乏條理，好象怕你不知道他很有學(xué)問！就象前面所說的那本書《CSS網(wǎng)頁樣式設(shè)計(jì)》當(dāng)時(shí)看了，對(duì)于初學(xué)CSS的我來說，真的不知道它在說什么！

　　再來談一下學(xué)習(xí)過程中的細(xì)節(jié)，因?yàn)橐粋€(gè)樣式它是不可能脫離HTML頁面的，HTML不與樣式結(jié)合的話, CSS就失去了存在的意義。所以一般書中都會(huì)舉一個(gè)例子，然后讓你上機(jī)測(cè)試效果，這是筆者想讓你有對(duì)樣式表CSS有一個(gè)初步的印象，告訴你CSS能做什么。一個(gè)小例子：“麻雀雖小，五臟俱全”，你可能看不懂每一個(gè)語句的真正意思。但是你可以記得例子的模式，以后在實(shí)踐中不斷地用，不斷用的過程就是不斷記的過程，所以不能恢心，不能總認(rèn)為自己記憶力不好，但不管你騎的是牛也好，千里馬也罷，只要有恒心，一定會(huì)到達(dá)終點(diǎn)的。

　　閱讀一本書，一般來說第一次要先把整個(gè)書通讀一遍，不理解的也要往下看，在往下看的過程中你也許會(huì)找到那個(gè)問題的答案。看完后你有一個(gè)大概的印象，但一定有很多不明白的地方，沒關(guān)系，繼續(xù)往下看。

　　第二遍你就要邊看邊做學(xué)習(xí)筆記了，把你認(rèn)為是重點(diǎn)的部分寫上，還有，你覺得有疑問的部分也要記下，帶著疑問看下去，假如沒有答案，你可以去BBS上發(fā)一個(gè)貼子，好心人還是很多的，提示一句：“一定要學(xué)會(huì)如何去問問題！” 這里就不說了。你還要上機(jī)去練習(xí)書上的例子，最讓你困惑的：“一是記不住，二是對(duì)概念的理解有誤（這一條可能是書譯的不好，另外就是你的理解不對(duì)）”，對(duì)于第一條你就要樹立信心，堅(jiān)持再堅(jiān)持下去。當(dāng)你到達(dá)終點(diǎn)時(shí)你回發(fā)現(xiàn)一切都是順理成章的事。因?yàn)槟闩α耍α司蜁?huì)有回報(bào)，有結(jié)果。

　　有好多人也看了，但是沒有什么進(jìn)步，我分析主要有以下幾個(gè)原因：

　　原因一：壓力不夠，因?yàn)橛胁簧偃吮热缑拦W(xué)CSS，因?yàn)槭强磩e人學(xué)，所以學(xué)之，不學(xué)就沒優(yōu)勢(shì)！這樣的壓力是很小的，學(xué)不好還有美工這碗飯。

　　原因二：只是業(yè)余學(xué)習(xí)，這樣學(xué)還只是玩一玩，因?yàn)槟悴灰欢ǚ且赃@門技術(shù)吃飯。

　　原因三：方法不對(duì)，有的人只是在看教程，但他不動(dòng)手去做，我以前就是看的太多，做的太少，所以有了實(shí)踐你才能把理論的東西揉進(jìn)去。

　　把握CSS的四個(gè)學(xué)習(xí)階段

　　有一次我問一個(gè)網(wǎng)友，學(xué)CSS難嗎？她說：“不難”我說你學(xué)多久了？她說：“剛學(xué)”。其實(shí)她說的也沒錯(cuò)！假如有人問我學(xué)CSS 難嗎？我會(huì)說：“難！”為什么我會(huì)說難呢？
學(xué)CSS可以分成以下幾個(gè)階段：

　　階段一：不去想瀏覽器的兼容性問題的情況下能做出頁面，但頁面里到處用TABLE的模式DIV寫出的頁面。

　　階段二：想到了兼容性問題，但無法提前預(yù)防，只會(huì)修補(bǔ)問題，大量使用HACK技術(shù)（我對(duì)HACK技術(shù)只是知道，但用的很少）

　　階段三：可提前預(yù)防BUG，但樣式表中大量應(yīng)用了ID,CLASS，CSS譯過來是重疊樣式表，比如“DIV P SPAN”。這句代碼是標(biāo)明DIV子元素中P的子元素SPAN，這樣寫就可以定義SPAN的樣式了，不用在SPAN中加入CLASS了。這也就是CSS的優(yōu)點(diǎn)所在，為什么不好好利用而一定要定義一個(gè)CLASS呢！

　　階段四：這一階段是最難的，良好的HTML語義結(jié)構(gòu)、合理的CSS、可重復(fù)利用的樣式。良好的語義有這方面的文章,合理的CSS，這兩方面以后一定會(huì)寫專題來研究。

上一篇：text-align:justify實(shí)現(xiàn)兩端對(duì)齊一例

下一篇：淺談CSS編碼與組織技巧