第8章使用样式表制作高级页面 ■本章内容 ■练习思考 ■实验操作
第8章 使用样式表制作高级页面 ◼ 本章内容 ◼ 练习思考 ◼ 实验操作
本章内容 ■样式表的概念 ■样式表的分类 ■各种样式的使用 ·为网页设置整体和局部链接效果 ■将样式表应用在整个网站
本章内容 ◼ 样式表的概念 ◼ 样式表的分类 ◼ 各种样式的使用 ◼ 为网页设置整体和局部链接效果 ◼ 将样式表应用在整个网站
样式表的概念 样式表(Cascading Style Sheets)是 一 系列格式规则，简称CSS,它们控制 网页内容的外观
样式表的概念 样式表（Cascading Style Sheets）是 一系列格式规则，简称CSS，它们控制 网页内容的外观
样式表的概念 层叠样式表CSS可以使用Html标签或命 名的方式定义，可控制 ■传统的文本属性，例如字体、字号、颜 色等， ■可以控制一些比较特别的Html属性，如 对象位置、图片效果、鼠标指针等
样式表的概念 层叠样式表CSS可以使用Html标签或命 名的方式定义，可控制 ◼ 传统的文本属性，例如字体、字号、颜 色等， ◼ 可以控制一些比较特别的Html属性，如 对象位置、图片效果、鼠标指针等
样式表的特点 层叠样式表CSS的特点 ·将格式和结构分离 ■控制页面布局 ■制作体积更小下载更快的网页 ·将许多网页同时更新 ■浏览器成为更友好的界面
样式表的特点 层叠样式表CSS的特点 ◼ 将格式和结构分离 ◼ 控制页面布局 ◼ 制作体积更小下载更快的网页 ◼ 将许多网页同时更新 ◼ 浏览器成为更友好的界面
样式表的类型 样式表CSS包含以下三种类型： ■类样式 ■标签样式 ·高级样式
样式表的类型 样式表CSS包含以下三种类型： ◼ 类样式 ◼ 标签样式 ◼ 高级样式
样式表的类型 高级样式包含四种类型： ■a:link:设定正常状态下链接文字的 样式。 ■a:active:设定鼠标单击时链接的外 观。 ■a:visited:设定访问过的链接外观。 ■a:hover:设定鼠标放置在链接文字 之上时，文字的外观
样式表的类型 高级样式包含四种类型： ◼ a:link：设定正常状态下链接文字的 样式。 ◼ a:active：设定鼠标单击时链接的外 观。 ◼ a:visited：设定访问过的链接外观。 ◼ a:hover：设定鼠标放置在链接文字 之上时，文字的外观
在页面中使用样式表 ·设置文本样式 ·设置背景样式 ·设置区块样式 ·设置边框样式 ·设置鼠标光标样式 下图是应用样式表的实例
在页面中使用样式表 ◼ 设置文本样式 ◼ 设置背景样式 ◼ 设置区块样式 ◼ 设置边框样式 ◼ 设置鼠标光标样式 下图是应用样式表的实例
文件D编辑日查看仙插入心修改心文本D命令（©站点S密口出帮助出 表单、 回口西具☑回目目团回回口 Q S5样式 2.htm 全部正在 百代码回拆分国设计标题：新闻与活动yb。识.③.C国. html> style.cs ,11 tab1 e border="0°cellpadding="0°cellspacing=0°dth“100w 1px dasked #00.. O☒E图O图O图OO卫 所间中 中移进撑产业链的脚沙羌处深在。… 《财经时报》近日获悉，中国移动通信集团公司数据部隔副总经理高念书的身影又出现在通州举 讨会”上，同时到场的，还有卓望信息技术有限公司的高层以及诺基亚、三星等手机终端厂商。 Az4o ●应用程序 而据知情人透露，高一直是中移动草管$生死的灵魂人物，他出席这一论坛，有可能意味着中 标签检奇器 方面，将向Adobe2全面倾斜。 》文件 架 9Q100 787x2721K/1无
在页面中使用样式表 设置链接样式 ■分别设置高级样式中的 a:active;a:hover;a:link; a:visited ■可做页面的局部链接效果
在页面中使用样式表 设置链接样式 ◼ 分别设置高级样式中的 a:active; a:hover; a:link; a:visited ◼ 可做页面的局部链接效果