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

This article mainly introduces the relevant knowledge of "how to find the corresponding style of class or id in div". The editor shows you the process of operation through an actual case. The method of operation is simple and fast, and it is practical. I hope this article "how to find the corresponding style of class or id in div" can help you solve the problem.

To analyze the screenshot of the corresponding DIV CSS case

1. Equipment: CSS5 uses Google browser (Google Chrome) to develop and analyze

2. Find and analyze the process of what CSS style is used in a certain DIV structure.

2-1: open the web page first

Open the css5.com.cn screenshot

2-2: search the source code

Right mouse button in the space of the web page-"search the source code of the web page"

Search the source code

The corresponding HTML source code will be passively created in the google dabbler tab.

Screenshot of the HTML source code of the corresponding web page

2-3: find the corresponding to find the central DIV

Probably use the speed key "ctrl+F" to find the DIV office.

Find the corresponding form by comparing the content of the original web page and obtain the dynamics of the corresponding DIV agency structure.

Search technique, use the hunting device to find something, and then compare the DIV form you are looking for with the content of the copy malformed interview, and find the definite DIV organization structure.

Find the corresponding form DIV structure content code here:

CSS5

About lost from the above code, it is necessary to integrate who the organization uses H2 tags to develop the organization, while using class= "home".

Remember to name the corresponding ID and CLASS, here is named "home" with class, probably think of CSS to determine the use of ".home {.}" decision maker.

2-3: open the CSS code

If CSS is using HTML to introduce internal CSS files, then you need to open the external CSS file corresponding to this page in order to find the corresponding Id or Class names in the CSS code, so as to get what CSS is used by the corresponding DIV organs.

Find the link import internal CSS file code

Open the CSS file: click on the CSS file URL corresponding to link in the google browser, and open the CSS file in the Google dabbling device.

Open the corresponding CSS file and search the corresponding CSS code.

2-4: apply to find something to find the corresponding CSS selector

Use the google hunter to find things, press "Ctrl+F" to open the search equipment, and copy the name of id or class interpreted by HTML to the search input box to find it. Here is the use of "class=" home ", we know that class corresponds to CSS, so the full stop is capitalized." To determine the name ".home" at the beginning of the identification table flag, look for

Find two corresponding CSS patterns

The CSS code for the corresponding DIV CSS structure is as follows:

H3.home {height:24px;line-height:20px;font-size:14px;color:#000;text-indent:25px;bac kilogram round: url (CSS5-left-li.gif) no-repeat 00} h3.home a {color:#000;text-decoration:none}

According to the analysis, the corresponding central setting CSS color is:

2-4-1: set the equipment height to 24px for H2 tag, line height for css concave and convex Chinese characters to 24px, font size to 14px, font hue to color "# 000", set CSS indent 25px, set picture as background to not be satisfied again and again (which icon is generally seen from the actual attainments of the web page)

2-4-2: set the font hue of the hyperlink text in the corresponding h3 tag to black "# 000", and CSS remove the underline of the hyperlink font.

This is the end of the content about "how to find the corresponding style of class or id in div". Thank you for reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

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.