Dreamweaver中應用CSS的技巧介紹

Dreamweaver是集網頁製作和管理網站於一身的所見即所得網頁編輯器。由於DW的功能之強大,所以可以在他裏面直接定義CSS(樣式表),而就是這css給我出了個小難題。

Dreamweaver中應用CSS的技巧介紹

事情是這樣的, 我用css主要是改變一下我的超級連接的顏色和下劃線的有無。在DW裏定義css的確很方便,裏面的參數他都爲你設置好了,只要你點鼠標就行了。正是由於他的簡單,而使他帶來了一個小問題(就我自己認爲):

以上就是DW生成的css源碼,這段源碼的意思就是去掉超級連接的'下劃線,鼠標移上去的進候改變顏色並添加下劃線,連接後的顏色不變爲藍色。我本意也是如此,可是在IE裏瀏覽的結果告訴你,不是這樣的。而是有一點點小改變,就是連接了之後,當鼠標再次移上去的時候,本來是有下劃線的,變成沒有了。這是什麼原因呢,一般來說是有的呀!那是爲什麼了,接着我從別的網站找了一個和我定義的差不多的css,分析一下他們的css源碼,差不多呀(就顏色不同和多了一些其它參數),其它多的參數很快被我排除,因爲那些參數我用不着,就停在顏色上,剛開始我還以爲我是色盲呢!但是還是很快就又否定了,我把找到的css放到我的主頁上很正常,並把顏色改成我的顏色,還是很正常。這也不是,那也不是,那爲什麼了。爲什麼一樣的代碼會有兩種效果?爲什麼…

就在我準備上網求助的時候,突然我的眼睛一亮,該不會是這個原因吧!原來那個我找來的代碼和我自己的代碼,只有一點點不同就是---順序不同,因爲我想順序不是很重要吧!就沒有注意。接下來就是改了,再一試,哇,成功!唉看來以後定義css只有手寫的或在DW裏定義了再改。真麻煩,我還以爲有DW就變簡單呢,沒想到還是要手定代碼。如果那位高手還有好辦法請來信告之!以下是改了的代碼:(是不是不容易注意啊!)

Dreamweaver中應用CSS的技巧到此結束,希望對大家有所幫助.