Home >Web Front-end >CSS Tutorial >How to create new css rules

How to create new css rules

藏色散人
藏色散人Original
2021-01-13 09:32:358117browse

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.

How to create new css rules

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

1. Open the dreamweaver software

How to create new css rules

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

How to create new css rules

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

How to create new css rules

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

How to create new css rules

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

How to create new css rules

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

How to create new css rules

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

How to create new css rules

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

How to create new css rules

#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!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn