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

Creating a Style

Creating a style is as simple as eating pie. First, I'll show you the basic process. Then, I'll walk you through how to redefine a tag and create a style. After that, we'll take a closer look at some of the technical details.

To create a new style:

1.
On the CSS Styles panel, click on the New Style button . The New CSS Style dialog box will appear (Figure 11.13).

Figure 11.13. The New CSS Style dialog box lets you choose which kind of style sheet you're going to create. Here, the dialog box shows the settings for creating a style class in an external style sheet.


2.
Decide if you want the style to be stored on the page or on an external style sheet.

If you want to store the style externally so you can reuse it on several pages, choose a style sheet or create one. See Creating an External Style Sheet, later in this chapter.

or

To store the style on just this page, select the This Document Only radio button.

3.
If you're redefining a tag, click that radio button and select a tag from the Tag drop-down menu or type a tag, without brackets, in the Tag text box (Figure 11.14).

Figure 11.14. When you click on Redefine HTML Tag in the New CSS Style dialog box, a helpful drop-down menu of available tags will appear.


or

If you're creating a class, click on that radio button and name the class in the Name text box (Figure 11.13).

Either way, when you're ready, click OK. The CSS Style Definition dialog box will appear (Figure 11.15). From there, you pick your poison. I'll go over all these options later.

Figure 11.15. The CSS Style Definition dialog box is where you'll choose style attributes. CSS offers a kazillion choices, which I discuss in the third half of this chapter.



PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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