當前位置:才華齋>設計>網頁設計>

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

網頁設計 閱讀(1.69W)

導語: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>