网页设计与制作（HTML+CSS+JS）-3期（KC003） CSS样式规则 1初识CSS3.pptx

1 初识CSS3 Part ◎ CSS3简介 ◎主流浏览器对CSS3的支持情况 1 初识CSS3 CSS3简介 CSS即层叠样式表，是Cascading Style Sheet的缩写。 只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。 例如：禅意花园（/tr/zh-cn/）。 在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 CSS3简介 核心内容：盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效、多栏布局等。 CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。 2 主流浏览器对CSS3的支持情况 浏览器 浏览器就是一种把再互联网上的文本文档和其他文件翻译成网页的软件，通过浏览器可以快捷地阅读Internet上的内容。 IE FireFox Chrome Opera Safari CSS3模块名称 Chrome30 Safari5 Firefox3.6 Opera11 IE10 RGBA（RGB色彩模式+Alpha透明度） √ √ √ √ √ HSLA（HSL色彩模式+Alpha透明度） √ √ √ √ √ Multiple Backgrounds（多背景） √ √ √ √ √ Border Image（边框图像） √ √ √ √ × Border Radius（边框半径/圆角） √ √ √ √ √ Box Shadow（盒阴影） √ √ √ √ √ Opacity（不透明度） √ √ √ √ √ CSS Animations（CSS动画） √ √ × × √ CSS Columns（CSS多列布局） √ √ √ × √ CSS Gradients（CSS渐变） √ √ √ × √ CSS Reflections（CSS映像） √ √ × × × CSS Transforms（CSS 转换） √ √ √ √ √ CSS Transforms 3D（CSS 3D转换） √ √ × × √ CSS Transitions（CSS 过渡） √ √ √ √ √ CSS FontFace（CSS 字体） √ √ √ √ √