Learn how to set CSS heading properties and CSS link properties and apply them to all headings and links on the page.

You can specify fonts, font sizes, and colors for your page headings. By default, Dreamweaver creates CSS rules for your headings and applies them to all headings that you use on the page. The rules are embedded in the head section of the page.

To apply the CSS heading properties:

  1. Do one of the following

    • Click File > Page Properties
    • Click Window > Page Properties, and click Page Properties in the text Property Inspector.
  2. From the Page Properties panel, select Headings (CSS). You can configure the following options:

    • Heading Font: Specifies the default font family to use for headings. Dreamweaver will use the font family you specify unless another font is specifically set for a text element.
    • Heading 1 through Heading 6: Specify the font size and color to use for up to six levels of heading tags.

Set CSS link properties for an entire page

You can specify fonts, font sizes, colors, and other items for your links. By default, Dreamweaver creates CSS rules for your links and applies them to all links you use on the page. (The rules are embedded in the head section of the page.)

Note:

If you want to customize individual links on a page, you need to create individual CSS rules, and then apply them to the links separately.

  1. Do one of the following

    • Click File > Page Properties
    • Click Window > Page Properties, and click Page Properties in the text Property Inspector.
  2. From the Category option, select Links (CSS).

    • Link Fonts: Specifies the default font family to use for link text. By default, Dreamweaver uses the font family specified for the entire page unless you specify another font.
    • Size: Specifies the default font size to use for link text.
    • Link Color: Specifies the color to apply to link text.
    • Visited Links: Specifies the color to apply to visited links.
    • Rollover Links: Specifies the color to apply when a mouse (or pointer) hovers over a link.
    • Active Links: Specifies the color to apply when a mouse (or pointer) clicks on a link.
    • Underline Style: Specifies the underline style to apply to links. If your page already has an underline link style defined (through an external CSS style sheet for example), the Underline Style menu defaults to a “don’t change” option. This option alerts you to a link style that has been defined. If you modify the underline link style using the Page Properties dialog box, Dreamweaver will change the previous link definition.

     

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy