CSS3-margin，padding，border

margin padding border:

1.当属性值为0的时候，不需要在后面添加单位

2.当同时出现top margin以及bottom magin的时候，浏览器应用较大的哪一个

3.不能在行内元素的上下设置padding以及margin，只能够设置左右

但img标签是个例外

4.Css允许给任何元素设计圆角（从左上角开始，顺时针进行），但前提是该元素有背景色或者边框

5.圆角border-radius：x x x x(左上，右上，右下，左下)；x x（左上角右下角，右上角左下角）

椭圆：border-radius：40px/20px（水平方向/垂直方向）

圆形：border-radius：40px

6.属性的前缀：适配不同的浏览器

-webkit- ：chrome，Safari

-moz- ：Firefox

-o- ：Opera

-ms- ：IE

7.box-shadow：水平偏移量 垂直偏移量 阴影半径 阴影颜色

还有两个可选项，insert-----第一个值（告诉浏览器将阴影画在方框内部）

spread----第四个值（添加一个阴影的尺寸）

8.修改浏览器计算元素的屏幕宽度以及高度：

box-sizing：border-box -----------------（IE7暂时不支持）会自动调整到适应不同设备的尺寸，当元素的宽度设定为50%的时候，该元素就会占据50%的空间，即使添加了border以及padding也一样

*{

-moz-box-sizing:border-box;

-webkit-box-sizing:border-box;

box-sizing:border-box；}

9.使用overflow属性控制溢出文本

visible：

scoll：添加滚动条，即使没有超出，滚动条也会出现

auto：滚动条是可选的，与scoll一样，只是它是在只有需要的时候才会出现

hidden：掩藏任何超出盒子的那部分内容

10.使用min-height：要使该元素至少达到某一高度值，如果里面的内容超出了这个高度，则浏览器会使整个元素变高

11.在浮动元素中，都应该设置元素的宽度

12.想让边框样式或者背景在遇到浮动元素的时候消失，则需要找到该样式，添加代码overflow：hidden

13.清除浮动：clear属性会指示元素不要包围浮动项目，清除浮动的时候，本质上是迫使它落到浮动项目的下方

14.如果只设置了body的背景色，则背景色会填充整个屏幕，但如果不仅body中设置了背景色，html中也设置了，则body的背景色只会填充内容

给网页添加图片：

1.background-attachment: scroll--------随文本一块滚动 ; background-attachment: fixed-----固定在一个位置上