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

Today, the editor will share with you the relevant knowledge points about the method of white padding in css. 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.

The padding property is an abbreviated property that css uses to set all the padding properties of the equipment in a sound name.

The Padding attribute includes padding left: left patching isolation distance (setting the equipment setting distance to the left inner margin); padding top: top patching partition (setting the top inside margin); padding right: the right filling distance (configuring the right inside margin); and padding bottom: bottom filling interval (setting the low inside margin). Its two-dimensional creation map can be seen in the two-dimensional diagram of CSS attributes.

Anatomical diagram of padding

Padding left usage: the meaning of padding-left:10px; separates the left margin by 10 pixels, which can be compared with the percentage (10% of the padding-left:10%; distance to the left)

Padding right usage: padding-right:10px; means to divide the right margin by 10 pixels, which can be compared with a percentage, for example (10% isolation distance on the right side of the padding-right:10%; interval)

Padding top usage: padding-top:10px; means 10 pixels at the top of the interval, which can be compared to the percentage (10% of the partition at the top of the padding-top:10%; interval)

Padding bottom usage: the meaning of padding-bottom:10px; is 10 pixels away from the low edge margin, which can be compared with the percentage square (padding-bottom:10%; partition bottom edge 10% partition)

Count on the "-" sign on both ends of the padding, set the partition value with ":" and assign the value to it, and end with ";", and use all uppercase half-width letters.

It is assumed that the left and right bumps are critical to set the equipment equipment padding value may be abbreviated to achieve, in order to optimize css.

For example, the abbreviations are:

The meaning of padding:10px; is equal to the patching distance of high and low, that is, 10px (10 pixels) is equal to the abbreviation of padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px;.

Padding:5px 10px; the partition of the concave-convex patch is 5px, and the patch distance is 10px, which is equal to the abbreviation of the same result of padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px;.

Padding:5px 6px 7px; it means patch interval 5px, lower patch interval 7PX, and left and right patch interval 6px, which is the same as padding-top:5px; padding-bottom:7px; padding-left:6px; padding-right:6px;

Padding:5px 6px 7px 8px; in the sense, the patch is 5px, the right patch distance is 6px, the next patch distance is 7px, and the left patch interval is 8px, which is equal to the abbreviation of padding-top:5px; padding-right:6px; padding-bottom:7px; padding-right:8px;.

These are all the contents of this article entitled "the method of filling padding in css". 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.