CSS文件先預(yù)備 還是先寫好HTML文件？網(wǎng)上有很多種答案：先寫HTML后寫CSS；先寫CSS后寫HTML；兩者同時寫。

　　我的準(zhǔn)則是先寫HTML打好基礎(chǔ)，然后再寫CSS進(jìn)行表現(xiàn)的控制！
　　對于初學(xué)者我建議兩者一起寫，先寫CSS或者先寫HTML對于初學(xué)者都不是恰當(dāng)?shù)玫姆椒ā?/strong>
　　假如讓一個人編寫代碼，你告訴他先寫HTML,寫完后 HTML不能修改了，然后你寫CSS，假如他可以寫出來，那這個人一定是一個水平非常高的Builder了！所以對于初學(xué)者，多數(shù)情況下我建議同時編寫，具體我說一下步驟：

　　1、先要把站點建好，目錄建好，比如我們建好文件夾CSS,IMAGES,這兩個是最其本的，然后新建一個HTML文件，一個style.css一個空 的樣式表，把HTML頁連接到這個外部樣式表。
　　2、然后我們先寫HTML中的最基本的布局部分，都是用DIV，然后直接在DIV里加入ID或CLASS，這些 布局部分包括外套部分，頭部分，中間部分，左，中，右，版權(quán)部分等。
　　3、寫好這些后，這時你可以到樣式表中寫樣式，或者你在接著寫布局里的部分，我們拿頭部為例，在頭部寫入LOGO部分，NAV部分也同樣加入ID或CLASS。其它同理。

　　為什么說我們不可能一次性把HTML部分寫好呢，因為人都是可能犯錯誤的，可能你的想法寫的過程就是有問題的，或者為了瀏覽器的兼容性問題，有些是你由于經(jīng)驗的不足沒有提前預(yù)料到的，所以當(dāng)你寫樣式時發(fā)現(xiàn)了問題時就有可能要改動你的HTML的代碼。大至的寫法就是這樣，你也可以HTML/CSS同時進(jìn)行，都是可以的，看你的習(xí)慣。我們寫代碼時很多時候是邊寫代碼邊測試，也不是說寫一句測試一句，而是寫了一段代碼后就進(jìn)行瀏覽器的測試，我是同時用IE6與FF一起測試。一個優(yōu)秀的制作師他們的代碼多數(shù)情況寫了很多時他們才測試一下，是因為一個人假如經(jīng)驗多的話，他們就會知道并提前預(yù)防瀏覽器錯誤顯示的發(fā)生了！所以他們寫代碼的速度比沒有經(jīng)驗的人快。他們已經(jīng)經(jīng)歷過了你所要經(jīng)歷的錯誤，你第一次碰到錯誤的瀏覽器顯示問題你要花時間去修補，而他們可提前防止或碰到了可立即解決問題！這就是你與他們的不同點之一。

　　初學(xué)者與高手不同點之處還有一個就是高手們使用了大量的快捷鍵，所以一定要記住那些常用的快捷鍵，每一個小的細(xì)節(jié)都有一點提高，綜合在一起就是很大的提高。

　　另外提高自己的水平最好的方法就是多實踐，多找一些比較好的HTML CSS的模板進(jìn)行編碼實踐，開始時要選一個簡單點的，把頁面截圖，然后把這張圖用自己的想法還原成HTML頁面！

網(wǎng)站制作在線視頻教程  網(wǎng)站制作視頻教程打包下載

DIV+CSS模板  CSS視頻教程  CSS設(shè)計徹底研究視頻教程  網(wǎng)頁制作基礎(chǔ)教程  網(wǎng)站重構(gòu)&web標(biāo)準(zhǔn)設(shè)計教程  div css視頻教程

DIV + CSS 入門視頻教程，只用記事本編寫代碼演示  精通CSS+DIV網(wǎng)頁樣式與布局配套視頻教程  別具光芒：DIV+CSS網(wǎng)頁布局與美化  DIV.CSS應(yīng)用視頻教程(DIV+CSS)