Thoroughly learn CSS-1 in one article

Thoroughly learn CSS-1 in one article

1. Basic concepts of CSS

1. CSS first experience

The role of css is to set the style (color, size, font, position, etc.) of the elements (tags) in the page

2. CSS related properties

3.CSS concept

Cascading style sheets

2. Font attributes (font-)

1. Font size

2. Font weight

3. Font style

4. Continuous writing

Three, developer debugging

Developer debugging tools: debugging, troubleshooting, and finding bugs. Essential equipment for programmers~

Four, simple (basic) selector

Tag selector, class selector, ID selector

The selector is used to select the corresponding label, and then add the corresponding style to the selected label

1. Tag selector (tag name)

2. Class selector (.)

3.ID selector (#)

Special note:

The difference between id and class

What is the difference between id selector and class selector?

Actual development

Five, complex (composite) selector

1. Wildcard selector (*)

2. Union selector (,)

3. Intersection selector

4. Descendant selector (space)

5. Child selector (>)

Six, small details of expansion

1. The attributes of the color (just know it)

2. Annotation

Seven, the three writing positions of CSS

Inline (embedded) style sheet, inline style sheet, external (external) style sheet

1. Embedded style

Inline style

Outreach style

Summary of three style sheets

8. text- text related attributes

1.text-indent: Indentation of text

text-align: the alignment of the text

text-decoration: text decoration

Nine, center the box horizontally

Ten, the three characteristics of CSS

Explain some effects of css~

1. Inheritance

2. Stackability

3. Priority (important)

There are many ways to style a label on the page~

When the set styles are cascaded, priority (weight) needs to be considered

priority

Weights