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