dreamweaver样式表

《dreamweaver样式表》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、主要内容基本概念应用HTML样式应用CSS样式应用CSS滤镜1基本概念除了使用属性设置面板设置文本的属性，还有一个更为科学的方法，即样式。有两种样式：HTML样式、CSS样式。HTML样式表是通过HTML标识符，对段落或选择的文本进行格式化，是一系列HTML格式化标记的组合，用于对文本对象进行多个方面的设置。将多次属性设置操作组合成一个HTML样式，并以适当的名字命名，以后可以对文本直接应用这种样式。HTML样式表只能实现层叠样式表（CSS）的部分功能。2基本概念CSS样式表的一个重要的运用就是编辑滤镜。DMX中预设了许多滤镜，不仅可以用于修饰文本，也可以修饰图片，制作图形特效。3基本概念

2、CSS样式的主要优点：网页维护方便：将网页内容和显示方式分开设计缩短下载时间：只下载一次声明标记格式的CSS格式码，供网站的所有网页使用样式功能强大：CSS可以设置的网页格式比HTML多得多文件易读性好：.css文件独立存在，以链接方式供多个网页使用4基本概念在网页中应用样式的常用方法有3种使用HTML标记符的STYLE属性嵌套样式信息通过在网页的HEAD标记中使用STYLE标记符嵌套样式信息通过在网页的HEAD标记中使用LINK标记符链接外部样式表文件（.css文件）5在网页上应用HTML样式如果在网页中已经有文本是所需要的格式，而这个格式需要经常使用，可以基于该文本创建新的HTML格式

3、，然后将这个样式应用到本文档的其它文本中，也可以应用到整个站点的其它文档中。6在网页上应用HTML样式创建网页建立HTML样式对文本应用HTML样式管理HTML样式7创建网页创建一个基本常规页，设置网页标题为“旅行家”，保存网页（journey.htm）在适当的位置添加8个层。在左边的层中插入一个5行1列的布局表格；在下面的层中插入一个2行6列的布局表格，其中下行合并为一个单元格。在各个层及表格中输入适当的信息。8建立HTML样式选择文本“自然界的绚丽景致，…”，设置格式：字体（幼圆）大小（14）颜色（#666666）查看属性栏的“样式”，内容为“style1”。从属性面板中选择样式下拉表

4、中的“重命名”，输入“text1”,确定。选择文本“神奇”，设置字号为“24”，此时样式变为“style2”，重命名为“text2”。9对文本应用HTML样式选择另一段文本，在样式列表中选择样式“text1”。分别选择文本“宏伟”、“气魄”，并设置样式为“text2”10管理HTML样式上述操作也可以通过“CSS样式”浮动面板来完成在浮动面板中选择样式点击右键或使用浮动面板下方的按钮11在网页中应用CSS样式CSS（CascadingStyleSheets）是一种非常灵活的工具，不必再把繁杂的样式定义编写在文档中，可以将所有有关文档的样式指定内容全部脱离出来。与HTML相比，除了通用的颜色

5、、字体、背景等样式，CSS还可以控制字符间距、大小等50个左右的样式，功能强大。12在网页中应用CSS样式新建一个CSS样式表编辑超链接的CSS样式链接外部CSS样式表编辑样式表13新建一个CSS样式表打开CSS样式表浮动面板单击“新建CSS样式”按钮14新建一个CSS样式表在上图中进行设置输入名称“textcss”。选择器类型为“类”定义在“新建样式表文件”确定保存文件名为“textcss.css”15新建一个CSS样式表出现对话框，进行分类中“类型”的设置。字体（幼圆）大小（15）粗细（正常）样式（正常）变量（正常）颜色（#000000）16新建一个CSS样式表介绍“分类”中，其它类型

6、的设置背景区块方框边框列表定位扩展17编辑超链接的CSS样式新建CSS样式，选择“选择器类型”为“高级”，则“名称”变为了“选择器”。包括：a:link定义在文档中的超级链接a:active定义正在打开的超级链接a:visited已经访问过的超级链接a:hover鼠标悬停所在的超级链接18编辑超链接的CSS样式在选择器中选择“a:link”，定义在选择“textcss”，确定。设置“分类”中“类型”的内容字体（幼圆）大小（16）粗细（正常）样式（斜体）变量（小型大写字母）颜色（#0000ff）修饰（无）19编辑超链接的CSS样式同样方式建立超链接的CSS样式a:visiteda:activ

7、ea:hover预览效果在网页中已有的超链接、以后再建立的超链接，都按照设定的样式进行显示。20链接外部CSS样式表一个外部的CSS样式表只是一个包含样式规范的文本文件，如刚建立的textcss.css文件。编辑一个外部CSS样式表会影响所有与之相链接的文档。在其它网页中使用textcss样式打开“样式”浮动面板单击“附加样式表”按钮，选择一个已有的样式表文件，确定21编辑样式表使用属性设置面板选择样式下拉菜单中的“管理