1 在桌面建立一個index.htm的檔案和main.css的檔案,當然你也可以不用main.css的檔案,但是為了方便操作,還是建一個吧。只要把記事本另存為就可以了。
3 下面我們去main.css寫一些屬性看看是不是能控制index檔案。我希望整個頁面是粉色的,看上去溫馨,我在main.css裡寫上*{background:#FF66FF}看看。我們開啟index檔案看看是不是在瀏覽器上是不是粉色的。在瀏覽器上是粉色的,表示已經受到css樣式表的控制了。
5 佈局好後我們需要去定義屬性了,這裡我只是簡單的定義了一下 *{background:#FF33FF} #top{background:#FFFF99; height:1000px; width:800px; margin-left:auto; margin-right:auto} #top1{background:#66FFFF; height:50px; width:800px;} #top2{background:#FF00CC; height:400px; width:800px} #top3{background:#FF9933; height:550px; width:800px} 定義好了我們開啟預覽一下看看,圖片是不是居中和分成3塊了。當然,顏色只是為了方便看清楚,可以不寫。
1 在桌面建立一個index.htm的檔案和main.css的檔案,當然你也可以不用main.css的檔案,但是為了方便操作,還是建一個吧。只要把記事本另存為就可以了。
3 下面我們去main.css寫一些屬性看看是不是能控制index檔案。我希望整個頁面是粉色的,看上去溫馨,我在main.css裡寫上*{background:#FF66FF}看看。我們開啟index檔案看看是不是在瀏覽器上是不是粉色的。在瀏覽器上是粉色的,表示已經受到css樣式表的控制了。
5 佈局好後我們需要去定義屬性了,這裡我只是簡單的定義了一下 *{background:#FF33FF} #top{background:#FFFF99; height:1000px; width:800px; margin-left:auto; margin-right:auto} #top1{background:#66FFFF; height:50px; width:800px;} #top2{background:#FF00CC; height:400px; width:800px} #top3{background:#FF9933; height:550px; width:800px} 定義好了我們開啟預覽一下看看,圖片是不是居中和分成3塊了。當然,顏色只是為了方便看清楚,可以不寫。