粥要熬。

css假定每个元素都会生成一个或多个矩形框，这称为元素框。各元素框中心有一个内容区。这个内容区周围有可选的内边距，边框和外边距。W3C的标准盒模型内盒尺寸计算(元素大小)： 元素高度 = 内容高度 + 内边距 + 边框 元素宽度 = 内容宽度 + 内边距 + 边框外盒尺寸计算(元素空间大小) 元素空间高度 = 内容高度 + 内边距 + 边框 + 外边距 元素空间宽度 = 内容宽度 + 内边距

1.基础的选择器：选择器含义示例*通用元素选择器，匹配任何元素* { margin:0; padding:0; }E标签选择器，匹配所有使用E标签的元素p { font-size:2em; }.info和E.infoclass选择器，匹配所有class属性中包含info的元素.info { background:#

CSS3 Gradient 分为linear-gradient(线性渐变)和radial-gradient(径向渐变)，linear-gradient共有三个参数，第一个参数表示线性渐变的方向，可以使用角度或者关键字来设置。to left设置渐变从右到左，相当于270deg;to right 设置渐变从左到右，相当于90deg；to top设置渐变从下到上，相当于0deg；to buttom(默认值

box-shadow给元素块添加周边阴影效果基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radius color}对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色}属性值：阴影类型：此参数可选，如不设值，默认投影方式是外阴影；如取其唯一值“inset”，其

雪碧图的定义： 把网页中一些背景图片整合到一张图片中，再利用background-image 和 background-position 精确定位出背景图片所在的位置。使用雪碧图的规则： 静态图片，不随用户信息的变化而变化；小图片，图片容量比较小，大图不建议拼成雪碧图；加载量比较大的图片。一般情况下，雪碧图需要保存为PNG-24的文件格式。雪碧图的优点： 减少加载网页图片时对服务器的请求次数；提高页

animation简介：CSS3的animation属性可以像Flash制作动画一样，通过控制关键帧来控制动画的每一步，实现更为复杂的动画效果。ainimation实现动画效果主要由两部分组成： 1）通过类似Flash动画中的帧来声明一个动画； 2）在animation属性中调用关键帧声明的动画。animation属性值：animation 属性是一个简写属性 语法：animation:

浮动的设计初衷：实现文字环绕效果。 浮动的特征：脱离标准文档流，导致父元素高度塌陷，向左或者向右浮动直到遇到其他的浮动元素。 浮动产生的原因：盒子里的子元素使用了浮动属性，脱离了文档流，导致父元素无法被撑开。 浮动造成的副作用：父级的背景无法显示，父级的边框无法被撑开，以及父级与子级之间的margin和padding遭到破坏。 清除浮动的方法： 方法一：在底部插入“clear:both”

一般情况下，页面是由页面流构成的。页面元素在页面流中的位置是由该元素在HTML文档中的位置决定的。块级元素从上向下排列（每个块级元素单独成行），而内联元素将从左向右排列，元素在页面中的位置随着外层容器的改变而改变。在CSS中，提供了三种定位机制：普通流、定位（position）、浮动（float）。position属性 ：可以将元素从页面流中偏移或分离出来，然后设定其具体位置，从而实现更精确的定位

display属性定义： 可以将页面元素隐藏或者显示出来，也可以将元素强制改成块级元素或内联元素，在页面布局和JavaScript特效中常常用到display属性。display属性值：none | inline | block | inline-block | list-item | run-in | table | inline-table | table-row-group | table-h