Shulou(Shulou.com)06/03 Report--

This article shows you what the must-remember attributes of CSS are, which are concise and easy to understand, which can definitely brighten your eyes. I hope you can get something through the detailed introduction of this article.

Text

Color sets the color of text

Text-align sets the alignment of text

Text-decoration sets the underscore of the text

Text-transformation sets the case of letters and the capitalization of the first letter of words

Line-height sets row height

Letter-spacing sets the distance between characters

Font

Font-family set Font

Font-size sets the font size

Font-style sets whether the font is italic or normal

Font-weight bold font

Background

Background-color sets the color of the background

Background-image sets the background picture

Background-repeat sets how the background image is repeated

Background-position sets the location of the background image to top left by default

Lists

List-style-type sets the type of list, which has circle equivalent.

Box-model

Margin sets the outer margin of the box to be transparent.

Padding sets the inside margin of the box is also transparent.

Border sets the border of the box, which is opaque. Note: the border must be typed, otherwise it will be invalid.

Float sets the floating of the box. Floating is a kind of absolute positioning, and its occupying space will disappear.

Clear clears the float of the box and clears the float of the encapsulated box.

Position and: after /: before

: after and: before are usually used with position. Position is divided into absolute positioning and relative positioning, the space of relative positioning is still there, the space of absolute positioning is not there. The absolute positioning of the two pseudo-classes + position is very powerful and can be used in many places. For example, the little red dot message notification on Wechat.

CSS3

Border-radius css3 supports setting fillet

-webkit-border-radius browsers that support webkit

-moz-border-radius: a browser that supports moz

Syntax: provide 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 supports setting text shadows

Syntax-shadow: h-shadow v-shadow blur-radius color | none | initial | inherit

Background images of Multiple Backgrounds css3 support multiple background images

* * background-size** css3 supports background size

Text-overflow css3 supports the processing of words beyond the boundary

Syntax:

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

Flexible Box Model

Transform is divided into 2d and 3D, mainly including zooming, translation and rotation.

The above are the required attributes of CSS. Have you learned any knowledge or skills? If you want to learn more skills or enrich your knowledge reserve, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.