Total common CSS section
Commonly used CSS
1. text-shadow {text shadow horizontal direction perpendicular to the fuzzy values of the color}
2. color text color
3. text-decoration text effects {none / scribing / underline underline / line-though the overline} strikethrough
4. direction from left to right represents text direction {ltr / rtl right to left}
5. text-align text alignment {left aligned to the left / right Align right / center centered}
6. line-height line indicates a high, the vertical distance between the two text baseline
7. word-spacing values can modify a given spacing between words
8. letter-spacing values can modify a given interval between the picture English
9. text-indent text indent represents percentage values {/}
10.list-style property
Is time to style box set
default values: none: for no style, once the box is hidden
by default ul style 11.ol and the
list-style-type
set the internal display to show the contents of sub-list-item box in the
list-style -image
picture settings inside the display as a secondary list-item box displayed in
list-style-position
to set the internal display as a secondary list-item box locations
list-style
12 is . REPEAT indicates whether the background background-tiled {no-repeat Do not tile / repeat-x tile / repeat-y Tile Tile default values in the horizontal direction from the vertical direction}
13.background-size indicates the size of the background Width Height {}
14 . Background-position indicates the position of the background level of the vertical distance from the {}
15. background-attachment {fixed} represents the background associated with long BACKGROUND The stationary vertical movement with text
16. background-clip background cut {padding-box displayed within the inner margin / border-box display / content-box displayed in the content within the box frame}
17. background: linear-gradient (gradient parameter indicates the first direction, the second parameter indicates the beginning of the gradient colors, you can add several colors (color gradations) ... indicates the end of the last parameter of the color) represents the background gradient
18. background: repeat-linear-gradient (first argument represents the direction of the linear gradient, the second parameter represents a start position and color, a third color and the first parameter represents the end position, color ... penultimate parameter indicates the starting position and the last color, final color and a parameter representing the last end position) represents the background linear gradient
19. background: radial-linear-gradient (circle, color) from the center of the circle represents the gradient start presentation concentrically outwardly
20. background-origin {content-box starts from the content frame / border-box frame from the start / padding-box starts from the padding block or a background picture} represents the background color of the starting position, when the attribute is a fixed background-attachment invalid
Elastic box
display:flex;
An elastic box is equivalent to a floating document without departing from the stream. flex-warp: warp is meant to wrap / no wrap nowarp default.
Commonly used CSS
1. text-shadow {text shadow horizontal direction perpendicular to the fuzzy values of the color}
2. color text color
3. text-decoration text effects {none / scribing / underline underline / line-though the overline} strikethrough
4. direction from left to right represents text direction {ltr / rtl right to left}
5. text-align text alignment {left aligned to the left / right Align right / center centered}
6. line-height line indicates a high, the vertical distance between the two text baseline
7. word-spacing values can modify a given spacing between words
8. letter-spacing values can modify a given interval between the picture English
9. text-indent text indent represents percentage values {/}
10.list-style property
Is time to style box set
default values: none: for no style, once the box is hidden
by default ul style 11.ol and the
list-style-type
set the internal display to show the contents of sub-list-item box in the
list-style -image
picture settings inside the display as a secondary list-item box displayed in
list-style-position
to set the internal display as a secondary list-item box locations
list-style
12 is . REPEAT indicates whether the background background-tiled {no-repeat Do not tile / repeat-x tile / repeat-y Tile Tile default values in the horizontal direction from the vertical direction}
13.background-size indicates the size of the background Width Height {}
14 . Background-position indicates the position of the background level of the vertical distance from the {}
15. background-attachment {fixed} represents the background associated with long BACKGROUND The stationary vertical movement with text
16. background-clip background cut {padding-box displayed within the inner margin / border-box display / content-box displayed in the content within the box frame}
17. background: linear-gradient (gradient parameter indicates the first direction, the second parameter indicates the beginning of the gradient colors, you can add several colors (color gradations) ... indicates the end of the last parameter of the color) represents the background gradient
18. background: repeat-linear-gradient (first argument represents the direction of the linear gradient, the second parameter represents a start position and color, a third color and the first parameter represents the end position, color ... penultimate parameter indicates the starting position and the last color, final color and a parameter representing the last end position) represents the background linear gradient
19. background: radial-linear-gradient (circle, color) from the center of the circle represents the gradient start presentation concentrically outwardly
20. background-origin {content-box starts from the content frame / border-box frame from the start / padding-box starts from the padding block or a background picture} represents the background color of the starting position, when the attribute is a fixed background-attachment invalid
Elastic box
display:flex;
An elastic box is equivalent to a floating document without departing from the stream. flex-warp: warp is meant to wrap / no wrap nowarp default.
1. text-shadow {text shadow horizontal direction perpendicular to the fuzzy values of the color}
2. color text color
3. text-decoration text effects {none / scribing / underline underline / line-though the overline} strikethrough
4. direction from left to right represents text direction {ltr / rtl right to left}
5. text-align text alignment {left aligned to the left / right Align right / center centered}
6. line-height line indicates a high, the vertical distance between the two text baseline
7. word-spacing values can modify a given spacing between words
8. letter-spacing values can modify a given interval between the picture English
9. text-indent text indent represents percentage values {/}
10.list-style property
Is time to style box set
default values: none: for no style, once the box is hidden
by default ul style 11.ol and the
list-style-type
set the internal display to show the contents of sub-list-item box in the
list-style -image
picture settings inside the display as a secondary list-item box displayed in
list-style-position
to set the internal display as a secondary list-item box locations
list-style
12 is . REPEAT indicates whether the background background-tiled {no-repeat Do not tile / repeat-x tile / repeat-y Tile Tile default values in the horizontal direction from the vertical direction}
13.background-size indicates the size of the background Width Height {}
14 . Background-position indicates the position of the background level of the vertical distance from the {}
15. background-attachment {fixed} represents the background associated with long BACKGROUND The stationary vertical movement with text
16. background-clip background cut {padding-box displayed within the inner margin / border-box display / content-box displayed in the content within the box frame}
17. background: linear-gradient (gradient parameter indicates the first direction, the second parameter indicates the beginning of the gradient colors, you can add several colors (color gradations) ... indicates the end of the last parameter of the color) represents the background gradient
18. background: repeat-linear-gradient (first argument represents the direction of the linear gradient, the second parameter represents a start position and color, a third color and the first parameter represents the end position, color ... penultimate parameter indicates the starting position and the last color, final color and a parameter representing the last end position) represents the background linear gradient
19. background: radial-linear-gradient (circle, color) from the center of the circle represents the gradient start presentation concentrically outwardly
20. background-origin {content-box starts from the content frame / border-box frame from the start / padding-box starts from the padding block or a background picture} represents the background color of the starting position, when the attribute is a fixed background-attachment invalid
Elastic box
display:flex;
An elastic box is equivalent to a floating document without departing from the stream. flex-warp: warp is meant to wrap / no wrap nowarp default.