第11章 CSS层叠样式表.ppt

第11章　CSS层叠样式表（6课时） * 了解CSS概念、作用和优点 掌握CSS的类型及CSS冲突的处理 掌握使用CSS控制页面布局 教学目标： 教学重难点： 要将页面整体布局好，必须熟悉使用CSS控制页面布局 1、CSS的概念： CSS是Cascading Style Sheets(层叠样式表)的简称.利用它可以对网页中的文本内容进行精确的格式化控制. 2、为什么要应用CSS： 弥补HTML对网页格式化功能的不足，例如：段落间距，行距等； 字体变化和大小； 页面格式的动态更新； 排版定位等。 一、CSS的介绍 3、应用CSS样式的优点： 将格式和结构分离； 以前所未有的能力控制页面布局； 制作体积更小、下载更快的网页； 将许多网页同时更新，比以前更快更容易； 浏览器将成为更友好的界面。 二、CSS的类型： 1、类样式：用户可以在文档的任何区域或文本中应用类样式。 如果将类样式应用于一整段文字，那么会在相应的标签中出现Class属性，该属性值即为类样式名称。 如果将类样式表应用于部分文字上，那么会出现Span和/Span标签，并且其中包含有Class属性。 2、标签样式：定义的层叠样式表将只应用于选择的标签。 3、高级样式：为特殊的组合标签定义层叠样式表，使用ID作为属性，以保证文档具有惟一可用的值。 常用的有