1.盒子模型的属性：内边距（padding）、边框（border）、外边距（margin）；盒子模型不要求每个元素都必须定义这些属性；
2.div（division）标签：大多数HTML标签都嵌套在div中，div中还可以嵌套多层div，通过与id、class等属性结合设置CSS样式，可以替代大多数块级文本标签；
div标签最大意义在于与浮动属性float配合使用实现网页的布局；
盒子的宽高：宽高属性只适用于块级属性，对行内元素无效（img和input标签除外）；
3.盒子模型的相关属性：
边框属性：border-style（边框样式）：none、solid、dashed、dotted、double；
border-width:常用取值单位为像素（px），要注意的是，正常显示边框宽度，前提是先设置好边框样式，否则边框宽度设置没有效果；
border-color：边框颜色；
综合设置边框：border：样式 宽度 颜色；
border-radius（圆角边框）：border-radius（顺时针）：水平半径参数 半径参数 半径参数 半径参数/垂直半径参数 半径参数 半径参数 半径参数；
圆形：img{border-radius:50%}；
border-image（图片边框）：
border-image-sourse:路径；
border-image-slice：偏移量（百分比）；
border-image-width：宽度；
border-image-outset：向盒子外部延伸的距离；
border-image-repeat：平铺方式；
4.内边距属性：padding-top/right/bottom/left、padding（顺时针）；
外边距属性：margin-top/right/bottom/left、margin；
{
padding：0；
margin：0；
}清除内外边距
5.box-shadow属性：、
h-shadow：水平阴影位置，可以为负值（必选属性）；
v-shadow：垂直阴影位置，可以为负值（必选属性）；
blur：模糊半径；
spread：阴影扩展半径，不能为负；
：以上单位均为px；
color：阴影颜色；
outset/inset：默认为外阴影/内阴影；
6.box-sizing属性：
content-box：遵从W3C标准，当定义width和height参数值不包括border和padding；
border-box：定义width与height的同时，border与padding的参数值被包含在width与height之内；
7.背景属性：background-color（设置背景颜色）：默认值为transparent，即背景透明；
background-image（设置背景图像）：
background-repeat：设置背景图像的平铺；
repeat：默认值，沿水平和竖直两个方向平铺；
no-repeat:背景图像不平铺；
repeat-x：沿水平方向平铺；
repeat-y：沿垂直方向平铺；
background-position(设置背景图像的位置）：
使用不同单位（最常用的是像素px）的数值；
预定义的关键字 ：水平方向（left、center、bottom）、垂直方向（top、center、bottom）；使用百分比（图像与标签的位置相对应）；
background-attachment（设置背景图像固定）：
scroll：图像随页面一起滚动；
fixed：图像固定在屏幕上，不随页面滚动；
background-size:属性值1 属性值2；第一个属性值必选，属性值2为可选属性值；cover：扩展至完全覆盖背景区域，背景图像的某些部分也许无法显示在背景定位区域中；contain：扩展至完全适应内容区域；
background-origin：padding-box：相对于内边距区域来定位；
border-box：相对于边框来定位；
content-box：相对于内容框来定位；
background-clip：border-box:默认，从边框区域向外裁剪背景；
padding-box:从内边距区域向外裁剪背景；
content-clip：从内容区域向外裁剪背景；
设置背景与图片的不透明度：RGBA模式：rgba{r，g，b，alpha}，alpha参数是一个介于0.0到1.0（完全不透明）之间的数字；
opacity： opacity：opacityValue，在CSS3中，使用opacity属性能使任何标签呈现出透明效果；
8.元素类型与转换：常见块元素：h1~h6、p、div、ul、ol、li；
行内元素：strong、h、em、i、del、s、ins、u、a、span（最典型的行内元素）；
块元素通常独占一行，可以设置宽高和对齐属性，而行内元素通常不独占一行不可以设置宽高和对齐属性（img、input例外）；
span（范围）标签：div标签可以内嵌span标签、但是span标签却不能嵌套div标签，可以将div和span分别看做一个大容器和小容器；
元素转换：display属性：inline：将指定对象显示为行类元素；
block：将指定对象显示为块元素；
inline-block：将指定对象显示为行类块元素，可以对其设置宽高和对齐属性；
none：隐藏对象，该对象既不显示也不占用页面空间；
9.块元素垂直外边距的合并：相邻块元素垂直外边距会合并（也称外边距塌陷）；
嵌套元素垂直外边距的合并：父标签没有上内边距及边框，合并为两者中的较大者；