代码改变世界

CSS盒子模型

2020-03-17 16:52  zyueer  阅读(136)  评论(0编辑  收藏  举报

1.标准的盒子模型

包括:margin  border  padding  content 4部分组成。

width:content的宽度。注:不是盒子的宽度。

height:content的高度。

2.IE的盒子模型

content 包括border  padding

3.padding

padding内颜色默认显示 背景颜色。

padding 3个值表示:上  左右  下。

注:后面层叠前面的属性。

padding: 20px;

padding-left: 30px;

等价于:

padding: 20px 20px 20px 30px;

4.border

线型: solid、dashed、dotted  ...更多

border:  border-width    border-style    border-color