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

This article mainly shows you "what are the knowledge points of Css", the content is simple and clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "what are the knowledge points of Css" this article.

A block element, an inline element, is an element that occupies the full width and is a newline character before and after. Such as: h _ 2 ~ (1) p _ (1) div

Inline elements only need the necessary width and do not force line breaks.

Span, i,a

Frame model

All HTML elements can be thought of as boxes, including margins, borders, padding, and actual content.

Margin-clears the border area. Margin has no background color, it is completely transparent

Border-the padding and content around the border. The border is affected by the background color of the box.

Padding-clears the area around the content. Will be affected by the background color filled in the box

Content-the contents of the box, displaying text and images

When the width and height attributes are set for an element, only the width and height of the content area are set. You know, full-size elements, you must also add fills, borders and margins.

Width of total element = width + left fill + right fill + left border + right border + left margin + right margin

The final formula for calculating the total height of the element is as follows:

Height of total element = height + top fill + bottom fill + upper border + lower border + upper margin + bottom margin

Margin,padding

Margin clears the area of the surrounding elements (outer borders). Margin has no background color and is completely transparent

Margin can individually change the top, bottom, left, and right margins of an element. You can also change all attributes at once.

Abbreviated attributes:

Margin:25px 50px 75px 100px

Corresponding, top, right, bottom, left

Margin:25px 50px 75px

Correspondence: up, left and right, down

Margin:25px 50px

Correspondence: up and down, left and right

Margin:25px

Corresponding: 4 margins

The above is all the contents of the article "what are the knowledge points of Css". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, 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.