網頁設計中，一般從單頁面中的首頁設計開始，本文用圖文的方式介紹如何在首頁文件中調用CSS中的引用標籤和系統標籤。讓初學網頁設計人員更能清楚的瞭解html代碼的運行方式，從而在以後的設計中舉一反三，靈活應用。
（01）打開Dreamweaver 8，分別新建html和css格式的文件，分別存放在桌面web文件夾中的根目錄和CSS文件夾中。
（02）<body></body>在首頁中為系統標籤，因此在文件中定義，語句表達方式為：body{ background:#4B7E9B; padding:0; margin:0;}，body標籤與其它標籤類似，其內部編程方式為：命令（如background），參數（如#4B7E9B（顏色代碼）），上述語句的釋義為：首頁的背景顏色為#4B7E9B，填充為0，間距為0。
（03）首頁文件中調用剛才定義好的body標籤，語句表達方式為：<link href="css/" rel="stylesheet" type="text/css" />
（04）其它自己定義標簽名稱的標籤為引用標籤，它們的定義和調用方式與系統標籤不同。某個引用標籤語句表達方式為： 1{ width:960px; height:30px; background:url(file:///D|/Users/ZhangZhaoJian/Desktop/web/images/topbg.gif) left repeat; float:left;}，特別注意，TOP1為你自己定義的標籤名稱，為引用標籤，為了與系統標籤區別，在TOP1的前面有個 . 或 # ，在這裏為 1。而標籤內的語句編程方式與系統標籤相同，上述語句的釋義為：導航條的寬度為960像素，高度為30像素，背景是圖片鏈接，向左填充。
（05）首頁文件中調用剛才定義好的1標籤，語句表達方式為：<div class="TOP1"> </div>
注意系統標籤和引用標籤在css中定義的方法不同
首頁中調用時注意對不同標籤的調用語句
酷知知識幫
