解決Dreamweaver中關于應用CSS的小問題

2024-09-12 12:28:13

字體：大中小

來源：轉載

供稿：網友

　　Dreamweaver是集網頁制作和管理網站于一身的所見即所得網頁編輯器。由于DW的功能之強大，所以可以在他里面直接定義css（樣式表），而就是這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源碼，這段源碼的意思就是去掉超級連接的下劃線，鼠標移上去的進候改變顏色并添加下劃線，連接后的顏色不變為藍色。我本意也是如此，可是在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制作網頁技巧20則