Shulou(Shulou.com)06/02 Report--

This article is about how to make Dreamweaver web pages using css style nesting. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

When Dreamweaver designs a web page, if you want to use css style, how do you make css style nesting? Let's take a look at the detailed tutorial.

1. Open the software and enter the text of the two paragraphs.

2. Set an id for the first text, for example, id is css.

3. Take two words in the middle of the text of two paragraphs and underline them. This creates a nesting, with an underlined element under the paragraph element.

4. Add a css style to the underlined element, open the css style window, and click New css Rule.

5. In the pop-up dialog box, the selector type is element and the selector element is em.

6. In the pop-up css rule definition window, select the attribute, such as the text color is red. The text size is 36px. Click OK and find that the font with underlined elements changes.

7. However, if when creating a new css style, the selector type is compound and the selector name is # css em, notice that there is a space in the middle. The text size defined by the css rule is 36px and the text color is red. The result is that only the underlined content of the text above has changed.

Thank you for reading! On "Dreamweaver web page production how to use css style nesting" this article is shared here, I hope the above content can be of some help to you, so that you can learn more knowledge, if you think the article is good, you can share it out for more people to see it!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.