3.1 CSS3简介 3.1.2 CSS3发展史 CSS1 css2 CSS2.1 CSS3 早在2001年，W3C 1996年12月 1998年5月 2004年2月 就着手开始准备开发 W3C发布了第- CSS2正式推出， CSS2.1正Z式推出 CSS第三版规范。虽 个有关样式的标 这个版本开始使 然完整的、规范权威 准CSS1。 用样式表结构 的CSS3标准还没有尘 埃落定。但是各主流 浏览器已经开始支持 其中的绝大部分特性 ￥
✎ 3.1.2 CSS3发展史 CSS1 1996年12月 W3C发布了第一 个有关样式的标 准CSS1。 CSS2 1998年5月， CSS2正式推出， 这个版本开始使 用样式表结构 CSS2.1 2004年2月， CSS2.1正Z式推出 。 CSS3 早在2001年，W3C 就着手开始准备开发 CSS第三版规范。虽 然完整的、规范权威 的CSS3标准还没有尘 埃落定。但是各主流 浏览器已经开始支持 其中的绝大部分特性 。 3.1 CSS3简介
3.1CSS3简个 3.1.3 CSS3浏览器支持情况 CSS3摸块 Chrome4 Safari4 Firefox3.6 Opera10.5 IE10 RGBA HSLA Multiple Background √ Border Image + Border Radius √ Box Shadow Opacity CSS Animations CSS Columns CSS Gradients + CSS Reflections + + CSS Transforms CSS Transforms 3D × CSS Transitions CSS FontFace
✎ 3.1.3 CSS3浏览器支持情况 CSS3模块 Chrome4 Safari4 Firefox3.6 Opera10.5 IE10 RGBA √ √ √ √ √ HSLA √ √ √ √ √ Multiple Background √ √ √ √ √ Border Image √ √ √ √ × Border Radius √ √ √ √ √ Box Shadow √ √ √ √ √ Opacity √ √ √ √ √ CSS Animations √ √ × × √ CSS Columns √ √ √ × √ CSS Gradients √ √ √ × √ CSS Reflections √ √ × × × CSS Transforms √ √ √ √ √ CSS Transforms 3D √ √ × × √ CSS Transitions √ √ √ √ √ CSS FontFace √ √ √ √ √ 3.1 CSS3简介
3.1CSS3简介 3.1.3 CSS3浏览器支持情况 由于各浏览器厂商对CSS3各属性的支持程度不一样，因此在标准尚未明确 的情况下，会用厂商的前缀加以区分，通常把这些加上私有前缀的属性称之 为“私有属性”。各主流浏览器都定义了自己的私有属性，以便让用户更好 的体验CSS的新特性。 内核类型 相关浏览器 私有前缀 Trident IE8/1E9/1E10 -ms Webkit 谷歌(Chrome)/Safari -webkit Gecko 火狐(Firefox) -moz Blink Opera 0
✎ 3.1.3 CSS3浏览器支持情况 由于各浏览器厂商对CSS3各属性的支持程度不一样，因此在标准尚未明确 的情况下，会用厂商的前缀加以区分，通常把这些加上私有前缀的属性称之 为“私有属性”。各主流浏览器都定义了自己的私有属性，以便让用户更好 的体验CSS的新特性。 内核类型 相关浏览器 私有前缀 Trident IE8/ IE9/ IE10 -ms Webkit 谷歌（Chrome）/Safari -webkit Gecko 火狐（Firefox） -moz Blink Opera -o 3.1 CSS3简介
3.1CSS3简个 3.1.3 CSS3浏览器支持情况 注意 >运用CSS3私有属性时，要遵从一定的书写顺序，即 先写私有的CSS3属性，再写标准的CSS3属性。 >当一个CSS3属性成为标准属性，并且被主流浏览器 的最新版普遍兼容的时候，就可以省略私有的CSS3 属性
✎ ➢ 运用CSS3私有属性时，要遵从一定的书写顺序，即 先写私有的CSS3属性，再写标准的CSS3属性。 ➢ 当一个CSS3属性成为标准属性，并且被主流浏览器 的最新版普遍兼容的时候，就可以省略私有的CSS3 属性。 3.1.3 CSS3浏览器支持情况 3.1 CSS3简介
3.2CSS核心基础 3.2.1 CSS样式规侧 CSS样式规则 选择器{属性1：属性值1；属性2：属性值2；属性3：属性值3；》 在上面的样式规则中，选择器用于指定CSS样式作 用的HTML对象，花括号内是对该对象设置的具体 样式。其中，属性和属性值以“键值对”的形式 出现，用英文“：”连接，多个“"键值对”之间用 英文”“进行区分
✎ 3.2 CSS核心基础 3.2.1 CSS样式规则 选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;} CSS样式规则 在上面的样式规则中，选择器用于指定CSS样式作 用的HTML对象，花括号内是对该对象设置的具体 样式。其中，属性和属性值以“键值对”的形式 出现，用英文“:”连接，多个“键值对”之间用 英文“;”进行区分