糯米文學吧

位置:首頁 > 設計 > 網頁設計

解決Dreamweaver關於應用CSS的小問題

導語:Dreamweaver是集網頁製作和管理網站於一身的所見即所得網頁編輯器。由於DW的功能之強大,所以可以在他裏面直接定義css(樣式表),而就是這css給我出了個小難題。下面就由小編為大家介紹一下解決Dreamweaver關於應用CSS的小問題,歡迎大家閲讀

解決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源碼,這段源碼的意思就是去掉超級連接的下劃線,鼠標移上去的進候改變顏色並添加下劃線,連接後的顏色不變為藍色。我本意也是如此,可是在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