【教学课件】第8章使用样式表制作高级页面.ppt

第8章 使用样式表制作高级页面,本章内容练习思考实验操作,本章内容,样式表的概念样式表的分类各种样式的使用为网页设置整体和局部链接效果将样式表应用在整个网站,样式表的概念,样式表（Cascading Style Sheets）是一系列格式规则，简称CSS，它们控制网页内容的外观。,样式表的概念,层叠样式表CSS可以使用Html标签或命名的方式定义，可控制传统的文本属性，例如字体、字号、颜色等，可以控制一些比较特别的Html属性，如对象位置、图片效果、鼠标指针等。,样式表的特点,层叠样式表CSS的特点将格式和结构分离控制页面布局制作体积更小下载更快的网页将许多网页同时更新浏览器成为更友好的界面,样式表的类型,样式表CSS包含以下三种类型：类样式标签样式高级样式,样式表的类型,高级样式包含四种类型：a:link：设定正常状态下链接文字的样式。a:active：设定鼠标单击时链接的外观。a:visited：设定访问过的链接外观。a:hover：设定鼠标放置在链接文字之上时，文字的外观。,在页面中使用样式表,设置文本样式设置背景样式设置区块样式设置边框样式设置鼠标光标样式下图是应用样式表的实例,在页面中使用样式表,设置链接样式分别设置高级样式中的a:active;a:hover;a:link;a:visited可做页面的局部链接效果,将样式表应用于整个网站,导出样式导入样式,练习思考,层叠样式表将定义（结构）的部分与定义（格式）的部分分离。,练习思考,关于样式表的描述正确的是（ABC）。A 不需要图像B 不需要插件C 不需要执行程序D 不需要代码,练习思考,如果将类样式应用于一段文字，会出现（B）标签。A FontB ClassC tableD tr,练习思考,自定义类样式时，样式命名应以（.）开始。,练习思考,使用样式表，可以设置页面中的（ABD）。A 文本样式B 背景样式C 鼠标样式D 区块样式,实训操作一,按照教材中的操作，给某个页面设置如下样式：文本样式背景样式鼠标光标样式链接样式,实训操作二,将设置了样式的页面中的样式以某个文件的形式导出，再将其导入某个未设置样式的页面。,