CSS properties

#CSS property
##List
1.list-style-type: indicates the type of the list item mark

2.list-style-image indicates that the image is set to the item mark in the list

3.list-style-position indicates the list mark position

4. list-style
{url("") square inside }
: can be written in order, or not set a value

##text
1. text-shadow text shadow {horizontal direction vertical direction fuzzy value color}
2. color text color
3. text-decoration text effects {none/overline overline/underline underline/line-though strikethrough}
4. direction indicates the text direction {ltr left to right/rtl right to left}
5. text-align text alignment Method {left-aligned left/right-aligned/center-aligned}
6. line-height indicates the line height, the vertical distance between the two text baselines
7. word-spacing can modify the value between English words Interval 8. letter -
spacing The given value can modify the interval between English letters and
letters tile /repeat-x tile from horizontal /repeat-y tile from vertical default value tile}



2. background-size indicates the size of the background image {width and height}
3. background-position indicates the position of the background image {vertical distance horizontal distance}
4. background-attachment indicates the background association {fixed} long content The background is fixed and does not move up and down with the text
5 . background-clip background clipping {padding-box is displayed within the padding/border-box is displayed within the border/content-box is displayed in the content box}
6. background: linear-gradient (the first parameter indicates the gradient direction , the second parameter indicates the color of the beginning of the gradient, you can add several colors (the color of the transition)... The last parameter indicates the color of the end) ** indicates the background gradient color**
7. background: repeat-linear-gradient ( The first parameter indicates the direction of the linear gradient, the second parameter indicates the first color and the starting position, the third parameter indicates the first color and the ending position, the color... The penultimate parameter indicates the last color and Start position, the last parameter indicates the last color and end position) **Indicates the background linear gradient**
8. background:radial-linear-gradient(circle, color)**Indicates a concentric circle gradient from the center of the circle outwards* *
9. background-origin{content-box starts from the content box/border-box starts from the border/padding-box means starts from the padding box}** indicates the starting position of the background image or background color** when the property background -Invalid when attachment is fixed

##Border
1. border-radius means that the border becomes rounded {value is em, %, the order is upper left, upper right, lower right, lower left}
2. box-shadow{the size in the horizontal direction, the size in the vertical direction, the fuzzy value in the shadow size, the color (can not be written), the inset shadow spreads inward}

##Text
1. font-weight indicates the font weight {value 100-900 whole hundred, keyword bolder is bolder/lighter is thinner/bold bold characters/normal standard characters}
2. font-style means font style {itatic italic/normal normal}
3. font-sizeb means font size {fixed value lengt/%, etc. must be is an even number greater than 12px}
4. font-family means setting the font, the browser will select the font according to the writing order {"font style"}
5. font-streth means the font stretch {default value normal}
##Animation
animation tags and @ keyframe

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325122118&siteId=291194637