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

Most people do not understand the knowledge points of this "css element selector instance analysis" article, so the editor summarizes the following contents, detailed contents, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "css element selector case analysis" article.

The most common css selector is the element selector, which usually refers to some kind of HTML element in an HTML document, such as a HTML element, such as a HTML div or even a html.

For example:

Html {background-color: black;}

P {font-size: 30px; backgroud-color: gray;}

H3 {background-color: red;}

The above css code adds a black background to the entire document; sets the font size of all p elements to 30 pixels and adds a gray background; and adds a red background to all h3 elements in the document.

From the above example, you can also see the basic rule structure of css: it consists of selectors and declaration blocks. Each declaration block contains one or more declarations. The format of each declaration is: attribute name: attribute value. As shown in the following figure:

Each declaration ends with a semicolon ";" If an incorrect property value is used in a declaration, or an incorrect attribute is used, the declaration is ignored. Also, please be careful not to forget the semicolon after each declaration.

We can also declare multiple html elements at the same time:

H2, h3, h4, h5, h6, h7, p {font-family: boldface;}

This sets all h2~h7 and p element fonts in the document to "boldface". If we want to select all the elements in one pot, we can use the wildcard "*": * {font-size: 20px;}

In this way, all elements will be selected, although the font-size attribute is not valid for some elements, it will be ignored.

The above is about the "css element selector instance analysis" of this article, I believe we all have a certain understanding, I hope the editor to share the content to help you, if you want to know more related knowledge, please follow the industry information channel.

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.