萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> dreamweaver教程 >> Dreamweaver中應用CSS的技巧

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

copyright © 萬盛學電腦網 all rights reserved