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