CSS backgrounds, lists, box models

The contents of this chapter:

• CSS Background
• CSS List

First, CSS background

A, background color

Background-color: Color | Transparent (clear color)

B, background image

• Background-image:url | None

Note: When you set both the picture and the background color, the picture overrides the color

• Background-repeat:repeat (Repeat/default) | No-repeat (non-repeating) | Repeat-x (S-axis repeat) | Repeat-y (repeat y-axis)

When a picture does not have a container large, the picture is copied by default itself to fill the container;

• Background-attachment:scroll (scrolling/default) | Fixed (default)
• Background-position: Percent | Value | Four Directions

C, Shorthand method

• Background:a b c D;

In no order, the values are separated by a space

Second, the list of CSS

A, list marker style

• List-style-type:dics (Solid dots) | Circle (Hollow dots) | Square (solid block) | Decimal (integer) | Lower-roman (lower case Rome) | Upper-roman (Capital Rome) | Lower-alpha (lowercase English) | Upper-alpha (capital English) | None (no tag)

B. Custom marker Style

• List-style-image:url | None

C, the location of the tag settings

• List-style-position:inside (not top line) | Outside (top row)

D. Shorthand method

List-style:a b c D;

Space split without order

CSS backgrounds, lists, box models