首頁index.html中如何呼叫CSS系統和引用標籤？

來源：酷知科普網 2W

網頁設計中，一般從單頁面中的首頁設計開始，本文用圖文的方式介紹如何在首頁檔案中呼叫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>