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

Creating a Style

Creating a style is as simple as 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 look closer 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 Style dialog box will appear (Figure 11.12).

Figure 11.12. The New 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 (Figure 11.13).

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


or

If you're creating a class, name the class in the Name text box (Figure 11.12).

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

Figure 11.14. The Style Definition dialog box is where you'll choose style attributes. CSS offers a kazillion choices, which I discuss in the second 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