Back-end coders talk about front-end (CSS) Lesson 1: CSS Overview_html/css_WEB-ITnose

1. Start by playing the browser

Playing the browser is a very meaningful part of the Head First book. But the author forgot to tell us the script of playing the browser. Let's start here.

The above picture is the flow chart of webkit kernel rendering html and css. From this picture, we can know the following key information:

1. The HTML parsing process and the CSS parsing process are completed independently. HTML is parsed into a DOM tree; CSS is parsed into style rules.
2. After HTML and CSS are parsed, they are combined to form a view and then drawn. show.

2. Map

The map is the arrangement table of contents for this series of articles. To a certain extent, it refers to Mr. Wang Fupeng's "Ideas of Learning CSS".

3. Concept literacy (yes, this is a knowledge point that occurs before the main text.)

1. Rules: CSS rules consist of two parts: a selector and one or more statements. .

2. Selector: Selector is usually the HTML element that you need to change the style.

3. Statement: The statement is the style you want to set (each statement consists of an attribute and a value).

4. Attributes: Attributes are the style attributes you want to set (each attribute has a value, and the attribute and value are separated by a colon).