css basic tutorial

Sample of the pdf document

Open the CSS Styles panel

You use the CSS Styles panel to create, view, apply or edit style attributes.

The CSS Styles panel has two views or modes. Use the Apply Styles view to apply custom or class CSS styles, and you use the Edit Styles view to make changes to styles you have applied to your document. You can create a new style while working in either view.

1. Open the CSS Styles panel (Window > CSS Styles), if it is not already open.
   
   

2. In the CSS Styles panel, click the New CSS Style button (+) at the bottom of the panel.

The New CSS Style dialog box appears.

Redefine an HTML tag

You can apply CSS styles to any tag in a document. The first style you’ll create will redefine the style attributes of the body tag.

1. In the New CSS Style dialog box, for Type, select Redefine HTML Tag.
2. In the Tag pop-up menu, select body.
3. In Define In, select This Document Only.

For now we’ll apply the style to this document, later you’ll see how to export the style so you can use it in other pages in the site. Your dialog box should look similar to this:

4. Click OK.

The CSS Style definition dialog box appears.

5. Set the following Type settings:

In the Font pop-up menu, select Arial, Helvetica, sans serif.

6. In the Size pop-up menu, select 12 and pixels.
7. In Color, click the color picker, then use the eyedropper to select white.

Set a page background color

Next, you’ll use the Background category in the CSS Styles panel to set background options.

Under Category, select Background.....

   Click here for  Download PDF / FREE