css2

外边距

margin的值有几种表现形式

1.四个值

margin:上 右 下 左

2.三个值

margin:上 (左右) 下

3.两个值

margin:上下 左右

4.一个值

margin:上右下左

margin-top margin-right margin-bottom margin-left

 

border-bottom:宽度 类型 颜色

 

text-indent:2em  缩近

 

盒子模型

网页就是由若干个小块组成的

 

盒子的组成: border padding margin

 

 

 

内边距

padding-top padding-right padding-bottom padding-left

 

边框

border-top border-right border-bottom border-left

 

块级元素与行内元素区别:

块级元素独占一行，而行内元素是不换行的

块级元素如何转成行内元素?

display:inline;

行内级元素如何转成块级元素?

display:block;

display:inline-block;  --显示行内块

 

margin 值的问题:

1.如果两个块在同一行，第一个对象加了右外边距，第二个对象加了左边距，两个对象之间的距离等于"右外边距+左边距"

2.如果两个块是垂直方向显示，上面对象加了下外边距，下面对象加了上外边距，两个对象直接的垂直距离，取最大值

 

margin:0 auto;让块在页面水平居中