The padding property defines the space between the element's border and the element's contents.
This property can take 4 values:
•If a value is specified, such as div {padding: 50px} - all four sides of padding are 50 px.
•If two values are specified, such as div {padding: 50px 10px} - the top and bottom padding is 50 px, and the left and right padding is 10 px.
•If you specify three values, such as div {padding: 50px 10px 20px} - the upper and lower padding is 50 px, the left and right padding is 10 px, and the lower padding is 20 px.
•If you specify four values, such as div {padding: 50px 10px 20px 30px} - the upper padding is 50 px, the right padding is 10 px, the lower padding is 20 px, and the left padding is 30 px.
DIV CSS margin refers to the CSS attribute word margin, margin is the margin that sets the four sides of the object, with no background color and no color.
1. Margin syntax
Margin:10px
The value of margin is a number + html unit, and it can also be auto (automatic, adaptive)
2. Application structure
Div{margin:10px}
Set the div object to 10px spacing
3. Margin description
margin is the distance between the outer edge of the object and the epitaxial edge.
There are three situations in which the value of margin can be a positive integer and a negative integer and add a unit such as PX pixels (margin-left: 20px); auto can be used as an automatic attribute (margin-left: auto auto); It can be a percentage (%) value (margin-left: 3%).
Margin extension (set the four-sided spacing attribute word separately)
margin-left object left left margin (margin-left:5px; Left Extension Distance 5px)
margin-right The right margin of the object (margin-right:5px; Right extension distance 5px)
margin-top object (margin-top:5px; Upper Epitaxial Distance 5px)
margin-bottom object (margin-bottom:5px; Lower epitaxial distance 5px)
|
Posted on 10/30/2014 4:21:55 PM
|
|
|
