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

This article mainly explains "what is the work flow of 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 workflow of CSS?"

From the above page rendering process, we can see that the browser begins to merge rendering after parsing HTML and CSS. To put it simply, it is to draw HTML rules with styles.

The workflow of CSS is to define CSS rules on DOM tree.

The specific parsing rules of HTML and CSS are part of the compilation principle and will not be expanded here. But there are two words worth noting in the course of CSS's work: reflow and repaint.

Rearrangement: the reconstruction of render tree is called rearrangement. That is, browser rearrangements occur when the page layout or the geometric properties of the DOM element change. Browser backflow occurs in the following five situations: page rendering initialization; addition or deletion of DOM elements; changes in the location, size, and content of DOM elements that cause size changes; and when the resize event occurs.

Redraw: a property change in render tree that only affects the appearance but not the style is called repainting. For example, changes in color and background-color.

At this point, I believe you have a deeper understanding of "what is the work flow of 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.