Web前端开发技术与实践 第7章:初识CS3 阮晓龙 13938213680/ rxl@hactcmeducn http://web.51xueweb.cr 问南中医学院管理信息工程学科 河南中医学院网络信息中心 2015.9
Web前端开发技术与实践 第7章：初识CSS3 阮晓龙 13938213680 / rxl@hactcm.edu.cn http://web.51xueweb.cn 河南中医学院管理信息工程学科 河南中医学院网络信息中心 2015.9 1
2 本章主要内容 口CS3概述 口CS3功能 口在HTML中使用CSS 口案例:基于终端设备选择不同样式 米 口案例:基于浏览器选择不同样式 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 本章主要内容 CSS3概述 CSS3功能 在HTML中使用CSS 案例：基于终端设备选择不同样式 案例：基于浏览器选择不同样式 2
3 1.CSS3概述 1.1什么是CSS CSS( Cascading Style sheet),译作“层叠样式表”,是用 于控制或增强网页样式并允许将样式信息与网页内容分离的 种标记性语言。 口使用CSS样式可以控制许多仅使用田TM无法控制的属性。当在浏 览器中打开一个HTM网页时,浏览器将读取该网页中的HTM标 签,并根据内置的解析规则将网页元素呈现出来。CSS决定浏览 器将如何描述HM元素的表现形式。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.CSS3概述 CSS（Cascading Style Sheet），译作“层叠样式表” ，是用 于控制或增强网页样式并允许将样式信息与网页内容分离的一 种标记性语言。 使用CSS样式可以控制许多仅使用HTML无法控制的属性。当在浏 览器中打开一个HTML网页时，浏览器将读取该网页中的HTML标 签，并根据内置的解析规则将网页元素呈现出来。CSS决定浏览 器将如何描述HTML元素的表现形式。 3 1.1什么是CSS
4 1.CSS3概述 12CS5发展史 口CSS的发展历史经过了四个阶段: CSS1 口此版本中,已经包含了font的相关属性、颜色与背景的相关属性、文 字的相关属性、box的相关属性等。 CSS2 口此版本中开始使用样式表结构。 口此版本在CSS2的基础上略微做了改动,删除了许多诸如text- shadow等 不被浏览器所支持的属性。 CSS3 具体情况参考:htt://w.w3.org/ standards/ techs/css井w3c_a11 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.CSS3概述 CSS的发展历史经过了四个阶段: CSS1 此版本中，已经包含了font的相关属性、颜色与背景的相关属性、文 字的相关属性、box的相关属性等。 CSS2 此版本中开始使用样式表结构。 CSS2.1 此版本在CSS2的基础上略微做了改动，删除了许多诸如text-shadow等 不被浏览器所支持的属性。 CSS3 具体情况参考：http://www.w3.org/standards/techs/css#w3c_all。 4 1.2 CSS发展史
1.CSS3概述 13CSS3新特征 口CSS3的新功能 ■边框特性 过渡与动画 多背景图 选择器 ■颜色与透明度 Web字体 多列布局与弹性盒模型布局 ■媒体查询 ■盒子的变形 阴影 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.CSS3概述 CSS3的新功能： 边框特性 多背景图 颜色与透明度 多列布局与弹性盒模型布局 盒子的变形 过渡与动画 选择器 Web字体 媒体查询 阴影 5 1.3 CSS3新特征