第8章使用样式表制作高级页面 ■本章内容 ■练习思考 ■实验操作
第8章 使用样式表制作高级页面 ◼ 本章内容 ◼ 练习思考 ◼ 实验操作
本章内容 ■样式表的概念 ■样式表的分类 ■各种样式的使用 ·为网页设置整体和局部链接效果 ■将样式表应用在整个网站
本章内容 ◼ 样式表的概念 ◼ 样式表的分类 ◼ 各种样式的使用 ◼ 为网页设置整体和局部链接效果 ◼ 将样式表应用在整个网站
样式表的概念 样式表(Cascading Style Sheets)是 一系列格式规则，简称CSS,它们控制 网页内容的外观
样式表的概念 样式表（Cascading Style Sheets）是 一系列格式规则，简称CSS，它们控制 网页内容的外观
样式表的概念 层叠样式表CSS可以使用Html标签或命 名的方式定义，可控制 ■传统的文本属性，例如字体、字号、颜 色等， ·可以控制一些比较特别的Html属性，如 对象位置、图片效果、鼠标指针等
样式表的概念 层叠样式表CSS可以使用Html标签或命 名的方式定义，可控制 ◼ 传统的文本属性，例如字体、字号、颜 色等， ◼ 可以控制一些比较特别的Html属性，如 对象位置、图片效果、鼠标指针等
样式表的特点 层叠样式表CSS的特点 ■将格式和结构分离 ■控制页面布局 ■制作体积更小下载更快的网页 ■将许多网页同时更新 ■浏览器成为更友好的界面
样式表的特点 层叠样式表CSS的特点 ◼ 将格式和结构分离 ◼ 控制页面布局 ◼ 制作体积更小下载更快的网页 ◼ 将许多网页同时更新 ◼ 浏览器成为更友好的界面
样式表的类型 样式表CSS包含以下三种类型： ■类样式 ■标签样式 ·高级样式
样式表的类型 样式表CSS包含以下三种类型： ◼ 类样式 ◼ 标签样式 ◼ 高级样式
样式表的类型 高级样式包含四种类型： ■a:ink:设定正常状态下链接文字的 样式。 ■a:active:设定鼠标单击时链接的外 观。 ■a:visited:设定访问过的链接外观。 ■a:hover:设定鼠标放置在链接文字 之上时，文字的外观
样式表的类型 高级样式包含四种类型： ◼ a:link：设定正常状态下链接文字的 样式。 ◼ a:active：设定鼠标单击时链接的外 观。 ◼ a:visited：设定访问过的链接外观。 ◼ a:hover：设定鼠标放置在链接文字 之上时，文字的外观
在页面中使用样式表 ·设置文本样式 ·设置背景样式 ■设置区块样式 ■设置边框样式 ·设置鼠标光标样式 下图是应用样式表的实例
在页面中使用样式表 ◼ 设置文本样式 ◼ 设置背景样式 ◼ 设置区块样式 ◼ 设置边框样式 ◼ 设置鼠标光标样式 下图是应用样式表的实例
文件编辑但查看心插入心文本D命今站点⑤窗口帮助 表单。 口▣西目☑回目眉团回西口巴 全部正在 代码拆分回设计标题：新闻与活动yob:识晚..C国.③ a:link for'的屈性 <table border="0 cellpadding="0 cellspacing=width"100% 原性 px dashed #00 A图图圆图A 中移动进产业链的脚步处茬。 三星等手机终端厂商。 争夺手机F1ah标淮 据悉，这一大会由国外巨头Adobe主九，国内知名F1ash网站“闪客帝国”承办。 而据知情人透露，高一直是中移动管P生死的灵魂人物，他出席这一论坛，有可能意味着中 面将可Adobe全面倾斜 N9Q100%787￥272~1K/1秒
在页面中使用样式表 设置链接样式 ·分别设置高级样式中的 a:active;a:hover;a:link; a:visited ·可做页面的局部链接效果
在页面中使用样式表 设置链接样式 ◼ 分别设置高级样式中的 a:active; a:hover; a:link; a:visited ◼ 可做页面的局部链接效果