dreamweaver样式表.pptVIP

主要内容 基本概念 应用HTML样式 应用CSS样式 应用CSS滤镜 基本概念 除了使用属性设置面板设置文本的属性，还有一个更为科学的方法，即样式。有两种样式：HTML样式、CSS样式。 HTML样式表是通过HTML标识符，对段落或选择的文本进行格式化，是一系列HTML格式化标记的组合，用于对文本对象进行多个方面的设置。将多次属性设置操作组合成一个HTML样式，并以适当的名字命名，以后可以对文本直接应用这种样式。HTML样式表只能实现层叠样式表（CSS）的部分功能。 基本概念 CSS样式表的一个重要的运用就是编辑滤镜。DMX中预设了许多滤镜，不仅可以用于修饰文本，也可以修饰图片，制作图形特效。 基本概念 CSS样式的主要优点： 网页维护方便：将网页内容和显示方式分开设计 缩短下载时间：只下载一次声明标记格式的CSS格式码，供网站的所有网页使用 样式功能强大：CSS可以设置的网页格式比HTML多得多 文件易读性好：.css文件独立存在，以链接方式供多个网页使用 基本概念 在网页中应用样式的常用方法有3种 使用HTML标记符的STYLE属性嵌套样式信息 通过在网页的HEAD标记中使用STYLE标记符嵌套样式信息 通过在网页的HEAD标记中使用LINK标记符链接外部样式表文件（.css文件） 在网页上应用HTML样式 如果在网页中已经有文本是所需要的格式，而这个格式需要经常使用，可以基于该文本创建新的HTML格式，然后将这个样式应用到本文档的其它文本中，也可以应用到整个站点的其它文档中。 在网页上应用HTML样式 创建网页 建立HTML样式 对文本应用HTML样式 管理HTML样式 创建网页 创建一个基本常规页，设置网页标题为“旅行家”，保存网页（journey.htm） 在适当的位置添加8个层。在左边的层中插入一个5行1列的布局表格；在下面的层中插入一个2行6列的布局表格，其中下行合并为一个单元格。 在各个层及表格中输入适当的信息。 建立 HTML 样式 选择文本“自然界的绚丽景致，…”，设置格式： 字体（幼圆） 大小（14） 颜色（#666666） 查看属性栏的“样式”，内容为“style1”。从属性面板中选择样式下拉表中的“重命名”，输入“text1”,确定。 选择文本“神奇”，设置字号为“24”，此时样式变为“style2”，重命名为“text2”。 对文本应用HTML样式 选择另一段文本，在样式列表中选择样式“text1”。 分别选择文本“宏伟”、“气魄”，并设置样式为“text2” 管理HTML样式 上述操作也可以通过“CSS样式”浮动面板来完成 在浮动面板中选择样式 点击右键 或使用浮动面板下方的按钮 在网页中应用CSS样式 CSS（Cascading Style Sheets）是一种非常灵活的工具，不必再把繁杂的样式定义编写在文档中，可以将所有有关文档的样式指定内容全部脱离出来。 与HTML相比，除了通用的颜色、字体、背景等样式，CSS还可以控制字符间距、大小等50个左右的样式，功能强大。 在网页中应用CSS样式 新建一个CSS样式表 编辑超链接的CSS样式 链接外部CSS样式表 编辑样式表 新建一个CSS样式表 打开CSS样式表浮动面板 单击“新建CSS样式”按钮 新建一个CSS样式表 在上图中进行设置 输入名称“textcss”。 选择器类型为“类” 定义在“新建样式表文件” 确定 保存文件名为“textcss.css” 新建一个CSS样式表 出现对话框，进行分类中 “类型”的设置。 字体（幼圆） 大小（15） 粗细（正常） 样式（正常） 变量（正常） 颜色（#000000） 新建一个CSS样式表 介绍“分类”中，其它类型的设置 背景 区块 方框 边框 列表 定位 扩展 编辑超链接的CSS样式 新建CSS样式，选择“选择器类型”为“高级”，则“名称”变为了“选择器”。包括： a:link 定义在文档中的超级链接 a:active 定义正在打开的超级链接 a:visited 已经访问过的超级链接 a:hover 鼠标悬停所在的超级链接 编辑超链接的CSS样式 在选择器中选择“a:link”，定义在选择“textcss”，确定。 设置“分类”中“类型”的内容 字体（幼圆） 大小（16） 粗细（正常） 样式（斜体） 变量（小型大写字母） 颜色（#0000ff） 修饰（无） 编辑超链接的CSS样式 同样方式建立超链接的CSS样式 a:visited a:active a:hover 预览效果 在网页中已有的超链接、以后再建立的超链接，都按照设定的样式进行显示。 链接外部CSS样式表 一个外部的CSS样式表只是一个包含样式规范的文本文件，如刚建立的textcss.css文件。编辑一个外部CSS样式表会影响所有与之相链接