首頁indexhtml中如何調用CSS系統和引用標簽?
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。
首頁index.html文件中調用剛才定義好的body標簽,語句表達方式為:<link href="css/index.css" rel="stylesheet" type="text/css" />
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 class="TOP1"> </div>