css基础探索(二)

1、CSS框模型(Box Model)

布局间距展示

2、内边距

内边距属性

3、边框

边框属性

4、外边距

外边距属性

5、外边距合并

视图一

视图二

6、行级元素和块级元素

行级元素

strong span em img a input form

块级元素

div p h1~h6 表格 列表

display

inline block none

7、宽、高、背景色

属性设置

8、溢出

关联属性

9、背景图片

背景图片：

background-image: url(imf/bg.gif);

背景重复：

background-repeat:

                      repeat-x;

                      repeat-y;

                      no-repeat;

背景定位：

background-position:50px 100px;

background-position:top;

background-position:50% 50%;

背景固定：

background-attachment:fixed;

Demo：https://github.com/yssEric/cssDemo2.git