【8】CSS盒子模型、样式继承和默认样式

html-css017

【8】CSS盒子模型、样式继承和默认样式,第1张

内容 content :盒子的主要区域,盒子中的文本内容以及后代元素都显示在内容区域中。

内边距 padding :内容与盒子边界的距离。

边框 border :边框显示在盒子的边界上。

外边距 margin :盒子和相邻兄弟元素或父元素的距离。

盒子的大小=内容的大小+内边距的大小+边框的大小

元素默认 总宽度 = 父元素内容的宽度 - 元素自己的左右外边距

元素默认 内容宽度 = 父元素内容的宽度 - 元素自己的左右外边距 - 元素自己的左右边框宽度 - 元素自己的左右内边距

浏览器默认没有样式的,你在加了全局样式后如果个别地方需要单独样式可单独设置,例如:

body

{margin:0

autopadding:0}

.a

{margin:5pxpadding:0

0

0

10px}

<body>

<div

class="a">这里是内容</div>

这里的a就是局部样式的定义了。