How to create new css rules

How to create a new CSS rule: first open the Dreamweaver software; then click "File" in the menu and select "New"; then create "XHTML1.0 transitional"; finally open the "New CSS Rule" dialog box , and specify the selector type of the CSS rule to be created.

The operating environment of this tutorial: Windows 7 system, Adobe Dreamweaver cs3 version, Dell G3 computer.

1. Open the dreamweaver software

2. Click "File" in the menu and select "New"

3. In the new document window, select "Blank Page" - "HTML", select "XHTML1.0 transitional" as the document type, and click the "Create" button

4. Place the insertion point in the document, then click "Format" on the menu bar, and select "CSS Style" - "New" in the pop-up drop-down menu

5. In the "New CSS Rule" dialog box, specify the selector type of the CSS rule to be created:

Recommendation: css video tutorial

If To create a custom style that can be applied to any HTML element as a class attribute, select the Class option from the Selector Type pop-up menu and enter a name for the style in the Selector Name text box.

To define the format of a label that contains a specific ID attribute, select the ID option from the Selector Type pop-up menu and enter a unique ID in the Selector Name text box.

To redefine the default format for a specific HTML tag, select the Tag option from the Selector Type pop-up menu and enter an HTML tag in the Selector Name text box or select Select a tag

6. Set the type, background, block, box, border, list, positioning, and display in the "CSS Rule Definition" window. Parameters that need to be set, and then click the "OK" button to complete the settings

7. You can also set it in the CSS style panel. Place the insertion point in the document and click the "New CSS Rule" icon below the CSS Styles panel. Then complete the settings in step 6

8. Set the required settings in the CSS properties for type, background, block, box, border, list, positioning, and display protection. Parameters

#For more programming-related knowledge, please visit: Introduction to Programming! !

The above is the detailed content of How to create new css rules. For more information, please follow other related articles on the PHP Chinese website!