Dreamweaver中應用CSS的技巧

 　　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的技巧到此結束,希望對大家有所幫助.