《Web前端开发》课程理论教学部分 第十讲:认识cSS3 学时计划:2学时理论,0学时实验 (无实验教学内容) 教学大纲: 1、CSS3概述 2、使用CSS3能够做什么? 3、CSS3的新特征 4、在HTML中使用CSS 5、案例:图像边框 6、案例:为 Firefox、 Chrome、 Safari定义不同的样式 7、案例:为 Phone、Pad、PC定义不同的样式 8、讨论与思考 CSS是一种与HTML并存的语言,它能够为文档元素设置可视化 样式,如尺寸、颜色、背景和边框等。目前,CSS已经得到了浏览器 的广泛支持。 本讲主要介绍样式表和CSS3的基础支持,并向读者介绍CSS3 的一些新功能和浏览器支持情况,以及如何在HTML中使用CSS。最 终通过三个案例,展示CSS3的诱人魅力。 CSS3概述 从2010年开始,HTML5与CSS3就一直是互联网技术中最受关 注的两个话题。2010年MIX10上,微软的工程师从前端技术的角度, 把互联网的发展分为三个阶段:第一阶段是Web1.0的以内容为主的 网络,前端技术主要是HTML和CSS;第二阶段是Web2.0的Ajax应 用,热门技术是 JavaScript/DOM/异步数据请求;第三阶段是HTML 5+CSS3时代,这两种技术的结合,使互联网进入了一个崭新的时代。 1.1样式表 样式表( Style sheet)是一种专门描述结构文档表现方式的文 1《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/ht/ bs.51xuewebcn1 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn 《Web 前端开发》课程理论教学部分 第十讲：认识 CSS 3 学时计划：2 学时 理论，0 学时 实验 （无实验教学内容） 教学大纲： 1、CSS 3 概述 2、使用 CSS 3 能够做什么？ 3、CSS 3 的新特征 4、在 HTML 中使用 CSS 5、案例：图像边框 6、案例：为 Firefox、Chrome、Safari 定义不同的样式 7、案例：为 Phone、Pad、PC 定义不同的样式 8、讨论与思考 CSS 是一种与 HTML 并存的语言，它能够为文档元素设置可视化 样式，如尺寸、颜色、背景和边框等。目前，CSS 已经得到了浏览器 的广泛支持。 本讲主要介绍样式表和 CSS 3 的基础支持，并向读者介绍 CSS 3 的一些新功能和浏览器支持情况，以及如何在 HTML 中使用 CSS。最 终通过三个案例，展示 CSS 3 的诱人魅力。 一、CSS 3 概述 从 2010 年开始，HTML 5 与 CSS 3 就一直是互联网技术中最受关 注的两个话题。2010 年 MIX10 上，微软的工程师从前端技术的角度， 把互联网的发展分为三个阶段：第一阶段是 Web1.0 的以内容为主的 网络，前端技术主要是 HTML 和 CSS；第二阶段是 Web2.0 的 Ajax 应 用，热门技术是 JavaScript/DOM/异步数据请求；第三阶段是 HTML 5+CSS 3 时代，这两种技术的结合，使互联网进入了一个崭新的时代。 1.1 样式表 样式表（Style Sheet）是一种专门描述结构文档表现方式的文