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

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

　　第二步：規劃文件目錄

　　第三步：規劃樣式表

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

　　第五步：驗證你的HTML/CSS

　　第六步：配合程序員調整樣式表

　　第七步：優化CSS代碼