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