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

This article mainly explains "what is the principle of div+css". Interested friends may wish to have a look at it. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "what is the principle of div+css"?

First, train of thought analysis

In general, when div+css develops static html pages, we separate html and css to form html pages such as (index.html) and css files such as (.css), where index and are arbitrarily named. The div in div css represents the html page (in this case, index.html). Because there are so many div tags in the html page, we are usually simplified to div+css, also known as the "web standard".

Second, the principle steps-

Introduce html from css to html to call css style instance

The first step

First of all, we are going to introduce the css style file into the html page. CSS is introduced here.

Basics: CSS introduction method

Step two

1. Write css styles such as .yangshi {font-size:16px;} in the css file. Here write css named yangshi and then select the attribute in the selector with a text size of 16 pixels.

2. Call yangshi in html, such as www..com case test

Basics: css naming convention, css property selector

Third, the browser reads the principle of css

When the browser presents a web page to the user's eyes (html pure static web page), the browser first loads the html page. If the web page is developed by div+css, the browser introduces the read load into the html page css style file code, then through the browser interpretation and translation, the code style in the css file is given to the html to set different pseudo-class tags, and finally the various styles in the web page and css style are perfectly presented to the viewer.

From css introducing html to html calling the css style instance, the browser assigns the attribute font size in the yangshi pseudo-class to 16px within the www..com case test, so that the text size of the "www..com case test" content will be 16 pixels.

At this point, I believe you have a deeper understanding of "what is the principle of div+css". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

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.