(1)需要首先设置width 和height大小,接着设置border样式,最后设置padding ,
需要在一个 {}中完成。注意,一个盒子的大小包括=内容区+内边距+边框
(2)设置内容区时,在
如果不对inner额外设置background-color,则会继承outer的background-color颜色
(3)
内边距(padding)
-内容区和边框之间的距离是内边距-一共有四个方向的内边距;
padding-top
padding-rightpadding-bottompadding-left
-内边距的设置会影响到盒子的大小-背景颜色会延伸到内边距上
一共盒子的可见框的大小,由内容区内边距和边框共同决定,
所以在计算盒子大小时,需要将这三个区域加到一起计算
/ padding-top:100px;
padding-left: 100px;padding-right: 100px;padding-bottom: 100px;/
padding内边距的简写属性,可以同时指定四个方向的内边距
规则和border-width一样