网页布局基础（mooc）

1.

当margin只有三个值时，分别代表

margin:上 左右 下；

当margin有四个值时，

margin:上 右 下 左；

2.

background添加背景图片

background:url(路径) 5px 10px no-repeat;

5px为距左的距离，10px为距上的距离。

3.

img为行内元素，大多数表单元素为行内元素。

4.

为父级元素用margin设置居中，子元素将继承。

5

用margin为div设置居中时，不能再给float和绝对定位，包括fix,否则居中不起效果。

6.

float设置浮动时，元素会左移或右移动，直到触碰到div容器为止。

7.

float会影响紧邻之后的元素，对之前的元素不影响。

8

清除浮动的两种方法

一.clear:both(消除紧邻之后的元素的影响)

二.width:100%;+overflow:hidden;可消除对父元素的影响。

9.

布局时div的高度一般不需要设置，使它随内容自动撑开。

10.

当有多个父级元素设置position：relative时，子元素设置position：absolute时的偏移以最近的父元素为准。

11.

用position布局时，

relative  ---  父元素相对定位
absolute  ---  自适应宽度元素绝对定位
固定宽度列的高度>自适应宽度的列

12.

设置了float的元素当没有给宽度时，元素宽度随内容变化而变化。