The technique of applying CSS in Dreamweaver

Source: Internet
Author: User
Tags dreamweaver

Dreamweaver is a Web page production and management site in one of the WYSIWYG Web page editor. Because of the powerful function of DW, it is possible to define CSS directly in him (style sheet), and this CSS has given me a little problem.

The thing is this, I use CSS primarily to change the color of my super connection and underline whether or not. The definition of CSS in DW is indeed very convenient, inside the parameters he set for you, as long as you click the mouse on the line. It was because of his simplicity that he brought a little problem (as I myself think):

The following are the referenced contents:

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

The above is the DW generated CSS source code, this section of the source code means to remove the super connection of the underline, the mouse moved up to change the color and add underline, the color does not become blue after the connection. I meant the same thing, but the results of browsing in IE tell you that it is not so. But there is a little bit of change, that is, after the connection, when the mouse moved up again, the original is underlined, become No. What is the reason, generally there are ah! That is why, and then I found a different site and I defined the same CSS, analysis of their CSS source code, almost AH (on the color difference and a number of other parameters), many other parameters are quickly I ruled out, because those parameters I do not need, Stop on the color, at first I thought I was color blindness! But it is very soon to deny, I put the CSS found on my homepage is very normal, and the color changed to my color, or very normal. That's not it, that's not it, that's why. Why does the same code have two effects?

When I was ready to go online for help, suddenly my eyes a bright, this is not the reason it! The original I found the code and my own code, only a little different is---order is different, because I think the order is not very important! Next is to change, and then try, wow, success! Alas, it seems that later the definition of CSS is only handwritten or defined in the DW to be changed. Really troublesome, I thought that has the DW to become simple, did not think still wants the hand to set the code. If the master still has a good way to write to tell! Here is the modified code: (is not easy to notice AH!)

The following are the referenced contents:

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 the application of CSS skills to the end, I hope to help you.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.