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

Today, I would like to share with you the relevant knowledge of what the CSS+DIV box model is. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article. Let's take a look at it.

Know the box in daily life:

Often we come across boxes that are rectangular and square boxes that can hold things. Such as the leather shoe box, the TV box, this is a more specific box.

CSS box:

Literally, we can understand that CSS boxes also contain things. For example, if we want to lay out text and pictures on a web page, we need to store them like boxes. At this time, we set the css height (css height), css width (css width), css frame (css border), css margin (css margin), filling (css padding) to its object to achieve a rectangular and square flat box like a box.

Usually we go like this:

A group of grammatical labels such as this is called a box. Because we set the height (height), width (width), border (border), margin (margin), fill (padding) and other properties, we can present a box-like rectangle or square. So we got the CSS box model.

Daily use of CSS boxes:

When we say what we put in a box, we have to think of putting it in it, and we want the concept in our mind.

If we say we set a width to 100px box, we need to know the following concept:

Css style Code:

.yangshi {width:100px;}

Corresponding html code:

Content

At this time, we can look at the content as a box.

These are all the contents of the article "what is the CSS+DIV Box Model?" Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to 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.