1.開啟Dreamweaver 8，分別新建html和css格式的檔案，分別存放在桌面web資料夾中的根目錄和CSS資料夾中。
2.在首頁index.html中為系統標籤，因此在index.css檔案中定義，語句表達方式為：body{ background:#4B7E9B; padding:0; margin:0;}，body標籤與其它標籤類似，其內部程式設計方式為：命令（如background），引數（如#4B7E9B（顏色程式碼）），上述語句的釋義為：首頁的背景顏色為#4B7E9B，填充為0，間距為0。
3.其它自己定義標籤名稱的標籤為引用標籤，它們的定義和呼叫方式與系統標籤不同。某個引用標籤語句表達方式為： .TOP1{ width:960px; height:30px; background:url(file:///D|/Users/ZhangZhaoJian/Desktop/web/images/topbg.gif) left repeat; float:left;}，
特別注意，TOP1為你自己定義的標籤名稱，為引用標籤，為了與系統標籤區別，在TOP1的前面有個 . 或 # ，在這裡為 .TOP1。而標籤內的語句程式設計方式與系統標籤相同，上述語句的釋義為：導航條的寬度為960畫素，高度為30畫素，背景是圖片連結，向左填充。
4.首頁index.html檔案中呼叫剛才定義好的.TOP1標籤，語句表達方式為：<div> </div>
1.開啟Dreamweaver 8，分別新建html和css格式的檔案，分別存放在桌面web資料夾中的根目錄和CSS資料夾中。
2.在首頁index.html中為系統標籤，因此在index.css檔案中定義，語句表達方式為：body{ background:#4B7E9B; padding:0; margin:0;}，body標籤與其它標籤類似，其內部程式設計方式為：命令（如background），引數（如#4B7E9B（顏色程式碼）），上述語句的釋義為：首頁的背景顏色為#4B7E9B，填充為0，間距為0。
3.其它自己定義標籤名稱的標籤為引用標籤，它們的定義和呼叫方式與系統標籤不同。某個引用標籤語句表達方式為： .TOP1{ width:960px; height:30px; background:url(file:///D|/Users/ZhangZhaoJian/Desktop/web/images/topbg.gif) left repeat; float:left;}，
特別注意，TOP1為你自己定義的標籤名稱，為引用標籤，為了與系統標籤區別，在TOP1的前面有個 . 或 # ，在這裡為 .TOP1。而標籤內的語句程式設計方式與系統標籤相同，上述語句的釋義為：導航條的寬度為960畫素，高度為30畫素，背景是圖片連結，向左填充。
4.首頁index.html檔案中呼叫剛才定義好的.TOP1標籤，語句表達方式為：<div> </div>