标签：
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-----固定在一个位置上
标签：
原文地址：http://www.cnblogs.com/zhanghuiyun/p/5093239.html
