网页设计与制作教程 第7章  CSS 基础_第1页
网页设计与制作教程 第7章  CSS 基础_第2页
网页设计与制作教程 第7章  CSS 基础_第3页
网页设计与制作教程 第7章  CSS 基础_第4页
网页设计与制作教程 第7章  CSS 基础_第5页
已阅读5页,还剩25页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

网页设计与制作教程 第 1章 网页设计与制作基础 第 7章 础 第 1页 本章概述 本章的学习目标 主要内容 网页设计与制作教程 第 1章 网页设计与制作基础 本章概述 通过前面章节的学习, 制作出漂亮且符合规范的网页,还需要使用 章介绍 本语法以及 过本章的学习,可以了解到 用 能控制整个站点页面的风格。 第 2页 网页设计与制作教程 第 1章 网页设计与制作基础 本章的学习目标 掌握在 了解 掌握定义 了解管理 第 3页 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 章小结 第 4页 网页设计与制作教程 第 1章 网页设计与制作基础 且后期修改和维护都十分方便。不仅如此, 得网页设计者能够轻松地应对各种页面效果。 第 5页 网页设计与制作教程 第 1章 网页设计与制作基础 可译为“层叠样式表”。其是一组格式设置规则,用于控制 过使用 将页面的内容与表现形式分离。 假如在一个页面或者整个网站中,要求所有段落字体样式均都显示为字体为楷体、颜色蓝色、字号为 18号,这就是一种风格即“样式”。当然为了做到这一点,可以对所有的段落一一设置,但这样操作增大了用户的工作量,且容易有遗漏。用户可以通过设置 次设置就可应用到所有的段落。 第 6页 网页设计与制作教程 第 1章 网页设计与制作基础 将结构和格式分离 更精确地控制页面布局 制作出体积更小、下载更快的网页 便于维护及更新大量的网页 浏览器将成为更友好的界面 第 7页 网页设计与制作教程 第 1章 网页设计与制作基础 需要设置单个页面的格式时,可以使用内部样式表,即保存在网页文档内部的样式表。在需要同时控制多个文档的外观以便在多个页面上实现统一的格式时,可以使用外部样式表,这是保存在网页文档外部的样式表,它被链接到当前页面。 第 8页 网页设计与制作教程 第 1章 网页设计与制作基础 内部样式表 部样式表。 内嵌样式表将 作用范围在该 式如下: 内部样式表定义页面中的元素所使用的格式,在 和 之间定义。格式如下: 外部样式表 外部样式表的定义 外部样式表的引用 第 9页 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 章小结 第 10页 网页设计与制作教程 第 1章 网页设计与制作基础 基本语法 选择器组 类选择器 注释 /* . */ 第 11页 网页设计与制作教程 第 1章 网页设计与制作基础 个部分构成,分别是:选择器(属性 (属性值 ( 选择器可以是多种形式,一般是 如果属性值是多个单词组成,必须在值上加引号,如字体的名称经常是几个单词的组合。 如果需要对一个选择器指定多个属性时,可以使用分号将所有的属性和值分开。 为了使定义的样式表方便阅读,可以采用分行的书写方式。 第 12页 网页设计与制作教程 第 1章 网页设计与制作基础 选择器组 可以把具有相同属性和值的选择器组合起来书写,用逗号将选择器分开,这样可以减少样式重复定义。 以上代码的含义为设置段落和表格中的文字大小为 9色为蓝色。效果完全等效于: 第 13页 网页设计与制作教程 第 1章 网页设计与制作基础 类选择器 在上面介绍的 一种 在实际中并不能满足需要。如果需要将同一个 时可以使用类选择器。 类选择器可以创建 法如下所示: 第 14页 网页设计与制作教程 第 1章 网页设计与制作基础 于在页面中仅出现一次的元素,使用 助于代码阅读及使用。 需把 第 15页 网页设计与制作教程 第 1章 网页设计与制作基础 注释 /* . */ 注释在 有利于编程人员以后编辑和更改代码时理解代码的含义。在浏览器中,注释是不显示的。 *开头,以 */结尾。 第 16页 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 章小结 第 17页 网页设计与制作教程 第 1章 网页设计与制作基础 在 学习 节将通过具体实例介绍 义样式和管理 第 18页 网页设计与制作教程 第 1章 网页设计与制作基础 创建 源:列出与文档相关的所有 式表。使用此栏目可以创建 将其附加到文档,也可以定义文档中的样式。 媒体:在 “源 ”栏目中列出所选源中的全部媒体查询。 选择器:在 “源 ” 栏目中列出所选源中的全部选择器。 属性:显示可为指定的选择器设置的属性。 创建 第 19页 网页设计与制作教程 第 1章 网页设计与制作基础 创建 例 7在 第 20页 网页设计与制作教程 第 1章 网页设计与制作基础 定义 样式表文件创建完成后,可在 “ 计器”面板的“属性”栏目中定义很多类型的格式,如文本、背景、布局等。 第 21页 网页设计与制作教程 第 1章 网页设计与制作基础 定义 设置 例 7在 第 22页 网页设计与制作教程 第 1章 网页设计与制作基础 定义 例 7在 第 23页 网页设计与制作教程 第 1章 网页设计与制作基础 定义 设置 例 7在 第 24页 网页设计与制作教程 第 1章 网页设计与制作基础 定义 设置 例 7在 第 25页 网页设计与制作教程 第 1章 网页设计与制作基础 定义 设置 例 7在 第 26页 网页设计与制作教程 第 1章 网页设计与制作基础 定义 设置 例 7在 第 27页 网页设计与制作教程 第 1章 网页设计与制作基础 管理 第 28页 通过“ 计器”面板的“属性”栏目,可以对 除、复制、重命名等操作。 编辑 创建 可以对已有的样式进行编辑,修改元素属性的某些参数。 禁用或删除 “ 计器”面板可用来禁用或删除每个属性。 复制 如果要以一个已经创建的 建另一个 时可复制 链接外部 通过链接可将其他页面中的样式应用到当前页面中,链接外部样式表的具体操作如下。 网页设计与制作教程 第 1章 网页设计与制作基础 主要

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论