简单前端知识——CSS04

CSS盒子模型(Box Model)

Margin(外边距)：与其他盒子的距离

margin-top

margin-right

margin-bottom

margin-left

Border(边框)：边界的厚度

Padding(内边距)：内容于边框距离

padding-top

padding-right

padding-bottom

padding-left

Content(内容) 

---

例子 

<div style="border:3px solid red; width:400px; height:400px;">
    <div style="border:1px solid gray;width: 150px;height: 150px;padding: 10px 20px 30px 40px;">iphone7plus</div>
    
</div>

---

absolute绝对位置：相对页面距离

<div style = "border: 5px solid red; width: 400px; height: 400px;position: absolute;top: 200px; left:200px;"></div>

top

left