Some of the required attributes of CSS collation

Text

Color sets the colour of text

Text-align sets the alignment of text

Text-decoration sets the underline for text

Text-transformation sets the capitalization of letters and the first letter of a word

Line-height Set Row height

Letter-spacing sets the distance between characters

Font

Font-family Set Font

Font-size Set the font size

Font-style set font to italic or normal

Font-weight Bold Font

Background

Background-color set the color of the background

Background-image Set Background picture

Background-repeat set the background picture to repeat the way

Background-position set the position of the background picture defaults to top left

Lists

List-style-type set the type of list, with circle equivalent

Box-model

Margin setting the outer margin of the box is transparent.

Padding set the inner margin of the box is also transparent.

Border sets the border of the box, and the border is opaque. Note: The border must be set to a type, otherwise it will not work.

Float set box floating, floating is an absolute positioning of the one, the space will disappear.

Clear clears the float of the box and clears the container from the package.

Position And:after/: Before

: After and: Before are usually used in conjunction with position. Position is divided into absolute positioning and relative positioning, relative positioning of the space is still, the absolute location of the space is not. The two pseudo class + position absolute position, by very powerful power, many places can use. such as micro-letter red DOT message notification.

CSS3

Border-radius CSS3 supports setting rounded corners

-webkit-border-radius Support for WebKit browsers

-moz-border-radius: Browsers that support Moz

Syntax: Provides a radius.

Box-shadow CSS3 supports setting shadows

-webkit-box-shadow

-moz-box-shadow

Syntax-shadow:none|h-shadow v-shadow blur spread color |inset|initial|inherit;

Text-shadow CSS3 Support Setting Text shadow

Syntax-shadow:h-shadow V-shadow Blur-radius Color|none|initial|inherit;

Multiple backgrounds CSS3 background image supports multiple background images

* * background-size** CSS3 Support background dimensions

Text-overflow CSS3 supports the processing of text beyond boundaries

Syntax:

Text-overflow:clip|ellipsis|string|initial|inherit;

Flexible Box Model

The transform is divided into 2d and 3d mainly including scaling, panning and rotation.