Beginner's FAQ: A tutorial on common CSS style and graphic settings

Source: Internet
Author: User
css| Beginners | tutorials

  Note: in the forum remember someone asked, did the Web page after the very large font? How do you control the fonts in a Web page? The answer is to use CSS to control, today to write this tutorial is mainly to face beginners!

A linked text, the mouse on the different state of the response is different, in flash we can easily in different frames on different settings, but if we need all the links in the site to present this state, flash production is obviously unimaginable, Or in the page specific text of a unified link effect, this is the CSS style, OK, the following start:

Open DW MX 2004, create a new page to insert a table, set alignment Center, enter text ( Note:The web has not recommended the use of table layout, now the page design has begun to CSS positioning page elements, the table in this tutorial can be used <ul><li > Replacement. )

After you set the hyperlink on the input text, the default font color of the system is blue, and it is automatically underlined, and you can see from the image below that the font is very rough and has no exquisite sense.

Position the cursor in the text cell/right/select CSS style sheet-> new. You can also right-click in the CSS panel/create a new CSS style sheet

In the pop-up panel, make the following settings:

Save after OK

After you click Save, set the font to "Arial" in the next pop-up panel, the font size is 12, row height 22, and the font color can be set to the color of the background harmony.

The current font has not changed any, then: Right/choose "CSS style sheet"-> "new", in the pop-up panel to do the following settings:

Repeat the above steps:

OK, now use IE preview, in the mouse to move to link text, color change, appear underline.

This CSS style setting is complete.

If you need to modify the style, right-click/select "CSS style sheet"-> "Manage Styles", as shown in the figure:



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.