11.1.2 CSS1.0和CSS2.0概述
97年发布了html4，和css1.0，目前所有浏览器支持
包括选择器，一对一，一对多，标签选择器，id选择器，类选择器派生选择器
伪类属性，主要是超链接的4个状态
以前的样式是通过标记属性实现<font color="red"> 现在用style="color:red"
使文档可读性增加，W3C发布了CSS2版本，完善和改进，主要是对选择器增加
如：*用来匹配任何标记，
 >大于号，用于指定父子节点关系 AAA>CCC>DDD{color:red}匹配父节点分别为CCC和AAA节点的DDD节点
 空格 用来匹配某一层有某个父节点的节点，AAA CCC DDD {color:blue}匹配包含父节点CCC的父节点AAA的节点DDD
 +加号 用于表示在同一个级别节点之间的关系 AAA + BBB{color:red}表示，有一个兄弟节点AAA的节点BBB
 名称[表达式] 选择包含特殊属性值的节点 BBB[text="xyz" {color:blue}表示包含text属性值为"xyz"的BBB标签
 relative相对定位
 absolute绝对定位
 z-index层叠顺序
设备类型
 aural  embossed print screen braille
经过每一行改变光标样式
提高页面浏览速度
大部分网页都是CSS2.1版本，也是使用最广的版本

11.1.3 CSS与DIV标记之缘
CSS加DIV是WEB设计标准，是与传统网页布局相比的
实际上是CSS+html
实现结构，加载更快，加载更高效，更利于搜索引擎抓取
页面布局建议用div不用表格

11.1.4 CSS编码规范
就是通过的CSS代码书写方法
不要缩写，统一用英文简写作选择器的名称，如header
css注释用/*这里是多行的注释内容*/，单行也可以用<!--单行注释的内容-->
代码尽量小写
尽量写到单独文件中，使结构和样式分离，
class作为类样式，
css命名尽量不要用连字符，
#header{width:100%;height:46em;font-size:13px;}样式属性本身的连字符不管
常见命名：content/container/nav/header/footer/sidebar/wrapper/right/loginbar
/banner/hot/download/menu/search/copyright/list/title/guild/logo/main
/news/subnav/submenu/tab/scroll/msg/firendlink/

11.2.2 RGBA透明度
CSS3中定义颜色有个新选项，可设置透明度0-1之间
opacity是设置元素的不透明度，rgba是颜色是不透明度

11.2.3 多栏布局
CSS3以前一般用浮动，3增加了属性columns，column-width,column-height
-wekit-column-count 3
三栏自动流动显示

11.2.4 多背景图片
css2一个元素只能有一个背景，或嵌套模拟，3可指定尺寸
background:多个背景

11.2.5 字符串溢出
text-overflow
装不了跳到下一行显示
word-wrap:

11.2.6 块阴影与圆角阴影
-webkit-box-show:

11.2.7 圆角
C3新增圆角功能，以前只能用背景图像模拟
-webkit-...

11.2.8 边框图片
-webkit-border-image:url("image/aa.jpg") 124；

11.2.9 形变
文字图片变形，以前只能用图像或flash
transfrom
-webkit-transform

11.3.1 CSS3的应用范围
可以实现很多以前不能实现的效果，如柱形图，还有阴影等，弹出菜单不用再用图片拼
背景，透明度等

11.3.2 当前支持CSS3的浏览器
支持CSS3和html5，IE8开始逐步支持，IE10完全支持
Gradients
CSS3的选择器基本都支持
商业化使用还存在风险

11.4 案例实战
设计漂亮的表单
-webkit-border-radius:5 边框阴影 
text-shdow 文本阴影
content:"Step" counter(fieldsets) ":" 计数，IE不支持
counter-increment
background:rbga();
outline:none 清除外影线