• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Adding CSS

Part I of this book deals with style sheets. GoLive includes an assortment of tools that helps you add and control the CSS in a Web page (see "Adding CSS to a Web Page" in Chapter 2) or an entire Web site (see "Adding CSS to a Web Site" in Chapter 2).

To add CSS to a Web page:

1.
Open a new or existing HTML file by choosing File > New or File > Open.

2.
With the document window in layout mode (see the previous section, "Interface Overview"), click the CSS button in the top-right corner of the window (Figure 18.7) to open the page-styles window (Figure 18.8).

Figure 18.7. The CSS button opens the page-styles window.


Figure 18.8. The page-styles window shows all the styles that are available for this Web page.


3.
In the toolbar (Figure 18.9), click the button for the CSS selector type you want to use: HTML, class, or ID (see "The Parts of a CSS Rule" in Chapter 1).

Figure 18.9. When the page-styles window is open, the toolbar allows you to add styles, link to external files, or duplicate the selected styles.


A new style element appears in the page-styles window.

4.
In the Inspector palette, set the CSS definitions you want to use (see "CSS in the Inspector" in this section).

5.
After you define all the CSS definitions and rules you want to use, return to the document window.

6.
If you set up any classes, put the document window in layout mode and use the Style tab of the Inspector palette to set that class (Figure 18.10).

Figure 18.10. If an element is selected in the layout window, you can use the Inspector palette to apply class styles.



PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint