CSS樣式特效
一、樣式表類型：
1、行內(nèi)樣式表 :可以定義頁面中的任何標(biāo)簽。
如：<input style="border-width:1px;border-style:solid;"size=15 name=txtName>
2、內(nèi)嵌樣式表： 先在<head>與<head>中定義,在調(diào)用。
定義:
<STYLE type="text/css" >//定義</style>
調(diào)用：
<DIV id="content">、class="picButton"、 <TD align=right colspan=2><A href="#">免費(fèi)注冊(cè)</A></TD>
3、外部樣式表：寫入文件，擴(kuò)展名為.css
調(diào)用先鏈接樣式文件，然后在應(yīng)用在標(biāo)簽中：<LINK href="outcss_file.css" rel="stylesheet" type="text/css">
或者：<STYLE type="text/css" >@import outcss_file.css</style>
二、常用樣式
1、文本屬性
font-size:字體大小 font-family:字體類型 font-style:字體樣式 color text-align：文本對(duì)齊
2、背景屬性
background-color:背景顏色 background-image background-repeat:設(shè)置一個(gè)指定的圖像如何被重復(fù)
3、組合屬性
A、不帶下劃線的超鏈接樣式 A{ } A：hover{ }
B、細(xì)邊框樣式.boxBorder{ }
C、圖片按鈕樣式.picButton{ }
三、制作改變字體大小的樣式特效：
/*鼠標(biāo)在超鏈接上懸停時(shí)變?yōu)轭伾?/span>*/ A:hover{ 
color: red;
}
/*應(yīng)用*/<A href="#" onMouseOver="this.style.fontSize='24px'" onMouseOut="this.style.fontSize='14px'">免費(fèi)注冊(cè)</A>
四、制作該變按鈕背景圖片的特效：
Code
五、層的顯示/隱藏特效
如：document.getElementById("advlayer").style.display="none";
document.getElementById("advlayer").style.display="block";
注意：層的堆疊次序（z-index）
六、圖片的顯示/隱藏特效
Code
如對(duì)本文有疑問，請(qǐng)?zhí)峤坏浇涣髡搲?，廣大熱心網(wǎng)友會(huì)為你解答??！ 點(diǎn)擊進(jìn)入論壇
