内容 content :盒子的主要区域,盒子中的文本内容以及后代元素都显示在内容区域中。
内边距 padding :内容与盒子边界的距离。
边框 border :边框显示在盒子的边界上。
外边距 margin :盒子和相邻兄弟元素或父元素的距离。
盒子的大小=内容的大小+内边距的大小+边框的大小
元素默认 总宽度 = 父元素内容的宽度 - 元素自己的左右外边距
元素默认 内容宽度 = 父元素内容的宽度 - 元素自己的左右外边距 - 元素自己的左右边框宽度 - 元素自己的左右内边距
浏览器默认没有样式的,你在加了全局样式后如果个别地方需要单独样式可单独设置,例如:body
{margin:0
autopadding:0}
.a
{margin:5pxpadding:0
0
0
10px}
<body>
<div
class="a">这里是内容</div>
这里的a就是局部样式的定义了。