Dreamweaver中應(yīng)用CSS的技巧
Dreamweaver是集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器。本內(nèi)容由小編跟大家分享Dreamweaver中應(yīng)用CSS的技巧,歡迎大家學(xué)習(xí)與借鑒!
事情是這樣的, 我用css主要是改變一下我的超級(jí)連接的顏色和下劃線的有無(wú)。在DW里定義css的確很方便,里面的參數(shù)他都為你設(shè)置好了,只要你點(diǎn)鼠標(biāo)就行了。正是由于他的簡(jiǎn)單,而使他帶來(lái)了一個(gè)小問(wèn)題:
以下為引用的內(nèi)容:
style type="text/css"
!--
a:hover { color: #FF3333; text-decoration: underline}
a:link { color: #3333FF; text-decoration: none}
a:visited { color: #3333FF; text-decoration: none}
--
/style
以上就是DW生成的css源碼,這段源碼的意思就是去掉超級(jí)連接的下劃線,鼠標(biāo)移上去的進(jìn)候改變顏色并添加下劃線,連接后的顏色不變?yōu)樗{(lán)色。我本意也是如此,可是在IE里瀏覽的結(jié)果告訴你,不是這樣的。而是有一點(diǎn)點(diǎn)小改變,就是連接了之后,當(dāng)鼠標(biāo)再次移上去的時(shí)候,本來(lái)是有下劃線的,變成沒(méi)有了。這是什么原因呢,一般來(lái)說(shuō)是有的呀!那是為什么了,接著我從別的網(wǎng)站找了一個(gè)和我定義的差不多的css,分析一下他們的css源碼,差不多呀(就顏色不同和多了一些其它參數(shù)),其它多的參數(shù)很快被我排除,因?yàn)槟切﹨?shù)我用不著,就停在顏色上,剛開(kāi)始我還以為我是色盲呢!但是還是很快就又否定了,我把找到的css放到我的主頁(yè)上很正常,并把顏色改成我的顏色,還是很正常。這也不是,那也不是,那為什么了。為什么一樣的代碼會(huì)有兩種效果?為什么…
就在我準(zhǔn)備上網(wǎng)求助的時(shí)候,突然我的眼睛一亮,該不會(huì)是這個(gè)原因吧!原來(lái)那個(gè)我找來(lái)的代碼和我自己的代碼,只有一點(diǎn)點(diǎn)不同就是---順序不同,因?yàn)槲蚁腠樞虿皇呛苤匾?就沒(méi)有注意。接下來(lái)就是改了,再一試,哇,成功!唉看來(lái)以后定義css只有手寫(xiě)的或在DW里定義了再改。真麻煩,我還以為有DW就變簡(jiǎn)單呢,沒(méi)想到還是要手定代碼。如果那位高手還有好辦法請(qǐng)來(lái)信告之!以下是改了的代碼:(是不是不容易注意啊!)
以下為引用的內(nèi)容:
style type="text/css"
!--
a:link { color: #3333FF; text-decoration: none}
a:visited { color: #3333FF; text-decoration: none}
a:hover { color: #FF3333; text-decoration: underline}
--
/style
Dreamweaver中應(yīng)用CSS的技巧到此結(jié)束,希望對(duì)大家有所幫助.
【Dreamweaver中應(yīng)用CSS的技巧】相關(guān)文章:
Dreamweaver中應(yīng)用CSS的技巧介紹10-04
DreamWeaver中CSS樣式表應(yīng)用技巧10-03
在DreamWeaver中應(yīng)用CSS樣式表技巧07-25
DreamWeaver中應(yīng)用CSS樣式表10-07
Dreamweaver中編寫(xiě)CSS必須掌握的技巧08-28
解決Dreamweaver中關(guān)于應(yīng)用CSS的小問(wèn)題08-14