CSS三大特性与盒子模型

------------恢复内容开始------------

CSS三大特性

CSS层叠性

CSS继承性

CSS优先级    !important都具有最大优先级>行内》ID 》标签》通配符》继承

内容  宽高  内边距  边框 外边距

border边框

 

none：没有边框即忽略所有边框的宽度（默认值）

solid：边框为单实线(最为常用的)

dashed：边框为虚线  

dotted：边框为点线

double：边框为双实线

内边距

padding属性用于设置内边距。是指边框与内容之间的距离。

padding-top:上内边距

padding-right:右内边距

padding-bottom:下内边距

padding-left:左内边距

外边距

margin属性用于设置外边距。 设置外边距会在元素之间创建“空白”， 这段空白通常不能放置其他内容。

margin-top:上外边距

margin-right:右外边距

margin-bottom:下外边距

margin-left:上外边距

margin:上外边距 右外边距 下外边距 左外边

外边距实现盒子居中

1、必须是块级元素。 

2、盒子必须指定了宽度（width）

然后就给左右的外边距都设置为auto，就可使块级元素水平居中。

文字水平居中是text-align: center

盒子水平居中左右margin改为 auto 

相邻块元素垂直外边距的合并

 

 

 

 

 

 

------------恢复内容结束------------