首頁index.html中如何調用CSS系統和引用標籤?
網頁設計中,一般從單頁面中的首頁設計開始,本文用圖文的方式介紹如何在首頁檔案中調用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中定義的方法不同
首頁中調用時注意對不同標籤的調用語句
-
如何編寫家譜世系圖
世系圖是家譜中的主體部分,又稱爲世系考、世系記等。這部分內容爲所有中國家譜共有,因而成爲家譜區別於正史、地方誌的最明顯的標誌。世系表有兩種格式比較常見。一、寶塔式圖譜:(01)這一圖譜形式何人所創、創於何時目前尚無定論,不過最遲已在南宋時出現了,因此很可能...
-
教你如何使用小米MINI盒子
小米MINI盒子是一款小米最近推出的一款新產品,其外觀小巧玲瓏,操作簡單方便,一推出便俘獲了大批粉絲的心,下面我就教大家如何使用小米MINI盒子操作方法(01)首先做好準備工作,藍牙遙控器、HDMI是小米MINI版盒子的標配,新的藍牙遙控器要取出電池倉裏的絕緣片,確保遙控器通...
-
微信怎麼備份手機通訊錄?
微信怎麼備份手機通訊錄?我們生活中有很多地方都會用到通訊錄,有時候我們也需要備份通訊裏,那麼手機中如何備份通訊錄呢?本就是爲了解決大家的這個問題。iTunes(01)果粉們應該都知道iTunes的功能,它的功能十分強大,不僅可以播放音樂,同時也是可以幫助我們備份手機數據的...
-
如何使用新浪郵箱發郵件
許多人擁有一個電子郵箱,卻不會使用它來發送電子郵件,接下來,我以新浪郵箱爲例教大家如何發送電子郵件。操作方法(01)首先,登陸郵箱(02)找到“寫信”,單擊開啟(03)收件人就是對方的電子郵箱地址,輸入到方框內(04)主題可以隨便寫(05)正文寫在紅色的框內(06)下面是例子(07)寫完後,單擊...