CSS(Cascading Style sheets,層疊樣式表)是為網(wǎng)站制作者帶來(lái)福音的好東東!它最大的特點(diǎn)是可以使網(wǎng)頁(yè)的內(nèi)容和結(jié)構(gòu)版面控制相脫離,大量的減少網(wǎng)頁(yè)中重復(fù)使用的HTML代碼,從而減小網(wǎng)頁(yè)的體積,這對(duì)于在網(wǎng)上傳輸是非常有利的。同時(shí)CSS可以使用外接*.CSS文件的方法使一次性修改大批量的網(wǎng)頁(yè)成為可能,這就意味著你可以經(jīng)常地改變網(wǎng)站的界面(包括文字、色彩、背景圖片等),而每次只需要上傳一個(gè)體積很小的CSS文件就行了!
所以,筆者在這里極力向大家推薦使用!接著就簡(jiǎn)單扼要地介紹常用功能。
轉(zhuǎn)自:奈薇建站網(wǎng)(www.nev.cn)
具體方法:
新建一個(gè)文本文件,打開(kāi),輸入:
body {
font-size: 10pt; //<body>標(biāo)記里的字體大小為10pt;
background-color: rgb(255,255,255); //網(wǎng)頁(yè)背景顏色為白色;
background-image: url('back.gif') //背景圖片為與網(wǎng)頁(yè)同一目錄下的“back.gif”;
}
table {
border: 0; //表格的邊框隱藏;
width: 100%; //表格寬度為100%;
text-align: left; //表格文本對(duì)齊方式為靠左;
}
th {
font-size: 11pt; //表頭字體為11pt,較普通字體稍大;
color: FFFFFF; //表頭背景色為RGB:FFFFFF;
text-align: center; //表頭文本隊(duì)旗方式為居中;
}
a {text-decoration: none} //鏈接無(wú)下劃線;
a.visited {color: rgb(153,52,43);} //點(diǎn)擊過(guò)的鏈接的顏色;
a.active {color: rgb(153,0,255);} //點(diǎn)擊著的鏈接的顏色;
A.hover {
COLOR: #ffba75; //鼠標(biāo)經(jīng)過(guò)時(shí)鏈接的顏色;
TEXT-DECORATION: underline //鼠標(biāo)經(jīng)過(guò)時(shí)鏈接加下劃線;
}
完成后,選擇“文件”菜單的“另存為”,在對(duì)話框的“文件名”中輸入“base.css”,“文件格式”里選“*.*”,于是,外接的CSS層疊樣式表就寫好了。
接著,在網(wǎng)頁(yè)的HTML代碼里的<head>和</head>之間加上:
轉(zhuǎn)自:奈薇建站網(wǎng)(www.nev.cn)
<link href="base.css" rel="stylesheet" type="text/css">
保存退出。以后只要在CSS文件里做修改就可以使所有加了以上代碼的網(wǎng)頁(yè)自動(dòng)更新了!
|