2.6 盒子模型

css盒子模型的组成

属性	说明
content	内容框
padding	内边框
border	边框
margin	外边框

宽和高

指的是边框即边框以内的高宽

width:像素值;
height:像素值;

当你想给行元素设置高宽时，要加上

display:inline-block;//将行元素转换为块元素

边框border

border:1px solid red;

内边框padding

padding-top:像素值;//上边框
padding-right:像素值;//右边框
padding-bottom:像素值;//下边框
padding-left:像素值;//左边框
padding:像素值;//四周的边框
padding:像素值 像素值;//上下与左右的边框
padding:像素值 像素值 像素值 像素值;//上右下左的边框

---

外边框margin

margin-top:像素值;//上边框
margin-right:像素值;//右边框
margin-bottom:像素值;//下边框
margin-left:像素值;//左边框
margin:像素值;//四周的边框
margin:像素值 像素值;//上下与左右的边框
margin:像素值 像素值 像素值 像素值;//上右下左的边框