第一步：拿到設(shè)計稿（也就是美工設(shè)計出來的東東）

　　猜想一下，拿到設(shè)計稿我們應(yīng)該干嘛？
　　你會回答當(dāng)然是快點做了！其實不是！
　　你應(yīng)該用充足的時間看懂設(shè)計稿，看又有是一門學(xué)問，不是從藝術(shù)的角度看設(shè)計師設(shè)計的如何漂亮，而是用架構(gòu)師的角度把結(jié)構(gòu)看得有條理性，這樣你的CSS總體的架子才能在腦海中規(guī)劃出來，這是第一小點也就是一個大的布局的把握，第二點就是找出頁面的相同點與不同點，就象我們從前玩過的一個游戲：大家來找碴．你找出來的越多你以后走的彎路就越少！找出了相同點是為了我們可以定義一個區(qū)塊的共用樣式，然后對于不同之處可以在共用樣式中增加一個樣式，比如定義好了一個共用樣式<div class="style1">...</div>第二個樣式只是增加了一些新的樣式．可以這樣寫<div class="style1 style2">...</div>這樣就定義好了，因人的因素由于知識，經(jīng)驗，熟悉上的不同，所以定義的樣式會有所不同．但大的方向應(yīng)該不會有太大的出路，樣式表又叫重疊樣式表，所以盡最大努力重復(fù)應(yīng)用樣式，讓代碼減到最少，所以知識，經(jīng)驗都是可以慢慢通過學(xué)習(xí)提高，但思想要先行，就是你要有這種意識．

　　第二步：規(guī)劃文件目錄

　　第三步：規(guī)劃樣式表

　　第四步：開始動手寫樣式表

　　第五步：驗證你的HTML/CSS

　　第六步：配合程序員調(diào)整樣式表

　　第七步：優(yōu)化CSS代碼