更新時(shí)間：2015-02-06CSS文件先準(zhǔn)備 還是先寫好HTML文件？網(wǎng)上有很多種答案：先寫HTML后寫CSS；先
寫CSS后寫HTML；兩者同時(shí)寫。
我的準(zhǔn)則是先寫HTML打好基礎(chǔ)，然后再寫CSS進(jìn)行表現(xiàn)的控制！
對(duì)于初學(xué)者我建議兩者一起寫，先寫CSS或者先寫HTML對(duì)于初學(xué)者都不是恰當(dāng)
得的方法。
如果讓一個(gè)人編寫代碼，你告訴他先寫HTML,寫完后 HTML不能修改了，然后
你寫CSS，如果他可以寫出來(lái)，那這個(gè)人一定是一個(gè)水平非常高的Builder了！所
以對(duì)于初學(xué)者，多數(shù)情況下我建議同時(shí)編寫，具體我說(shuō)一下步驟：
1、先要把站點(diǎn)建好，目錄建好，比如我們建好文件夾CSS,IMAGES,這兩個(gè)是
最其本的，然后新建一個(gè)HTML文件，一個(gè)style.css一個(gè)空 的樣式表，把HTML頁(yè)
連接到這個(gè)外部樣式表。
2、然后我們先寫HTML中的最基本的布局部分，都是用DIV，然后直接在DIV里
加入ID或CLASS，這些 布局部分包括外套部分，頭部分，中間部分，左，中，右
，版權(quán)部分等。
3、寫好這些后，這時(shí)你可以到樣式表中寫樣式，或者你在接著寫布局里的部
分，我們拿頭部為例，在頭部寫入LOGO部分，NAV部分也同樣加入ID或CLASS。其
它同理。
為什么說(shuō)我們不可能一次性把HTML部分寫好呢，因?yàn)槿硕际强赡芊稿e(cuò)誤的，
可能你的想法寫的過(guò)程就是有問題的，或者為了瀏覽器的兼容性問題，有些是你
由于經(jīng)驗(yàn)的不足沒有提前預(yù)料到的，所以當(dāng)你寫樣式時(shí)發(fā)現(xiàn)了問題時(shí)就有可能要
改動(dòng)你的HTML的代碼。大至的寫法就是這樣，你也可以HTML/CSS同時(shí)進(jìn)行，都是
可以的，看你的習(xí)慣。我們寫代碼時(shí)很多時(shí)候是邊寫代碼邊測(cè)試，也不是說(shuō)寫一
句測(cè)試一句，而是寫了一段代碼后就進(jìn)行瀏覽器的測(cè)試，我是同時(shí)用IE6與FF一起
測(cè)試。一個(gè)優(yōu)秀的制作師他們的代碼多數(shù)情況寫了很多時(shí)他們才測(cè)試一下，是因
為一個(gè)人如果經(jīng)驗(yàn)多的話，他們就會(huì)知道并提前預(yù)防瀏覽器錯(cuò)誤顯示的發(fā)生了！
所以他們寫代碼的速度比沒有經(jīng)驗(yàn)的人快。他們已經(jīng)經(jīng)歷過(guò)了你所要經(jīng)歷的錯(cuò)誤
，你第一次遇到錯(cuò)誤的瀏覽器顯示問題你要花時(shí)間去修補(bǔ)，而他們可提前防止或
遇到了可立即解決問題！這就是你與他們的不同點(diǎn)之一。
初學(xué)者與高手不同點(diǎn)之處還有一個(gè)就是高手們使用了大量的快捷鍵，所以一
定要記住那些常用的快捷鍵，每一個(gè)小的細(xì)節(jié)都有一點(diǎn)提高，綜合在一起就是很
大的提高。
另外提高自己的水平最好的方法就是多實(shí)踐，多找一些比較好的HTML+CSS的
模板進(jìn)行編碼實(shí)踐，開始時(shí)要選一個(gè)簡(jiǎn)單點(diǎn)的，把頁(yè)面截圖，然后把這張圖用自
己的想法還原成HTML頁(yè)面！
