2016网页制作（主编高律-科学出版社）创建CSS样式.docVIP

3、创建内部链接　　在文档窗口选中文字，单击属性面板“链接”后的按钮，弹出“选择文件”对话框，选择要链接到的网页文件，即可链接到这个网页。我们也可以拖动“链接”后的按钮到站点面板上的相应网页文件，则链接将指向这个网页文件。　　此外，我们还可以直接将相对地址输入到“链接”文本框里来链接一个页面。　　4、创建E－mail链接　　单击常用快捷栏中的“电子邮件链接”按钮，弹出“电子邮件链接”对话框，在对话框的文本框那输入要链接的文本，然后在E－mail文本框内输入邮箱地址即可。　　5、创建锚点链接　　所谓锚点链接，是指在同一个页面中的不同位置的链接。　　打开一个页面较长的网页，将光标放置于要插入锚点的地方，单击常用快捷栏的“命名锚记”按钮，插入锚点。再选中需要链接锚点的文字，再属性面板中拖动链接后的到锚点上即可。　　6、制作图像映射　　打开03.html文件，选中102。gif图片，在属性面板中，有不同形状的图像热区按钮，选择一个热区按钮单击。　　然后在图像上需要创建热区的位置拖动鼠标，即可创建热区。此时，选中的部分被称着图像热点。　　选中这个图像热点，在属性面板上可以给这个图像热点设置超链接即可。　　现在，请发挥你的想象力，巧妙运用各种页面元素来丰富你的网页，把它装扮的更加生动和精彩！ 第十一章 创建CSS样式 层叠样式表 (CSS) 是一系列格式设置规则，它们控制 Web 页面内容的外观。使用 CSS 设置页面格式时，内容与表现形式是相互分开的。页面内容（HTML 代码）位于自身的 HTML 文件中，而定义代码表现形式的 CSS 规则位于另一个文件（外部样式表）或 HTML 文档的另一部分（通常为 head 部分）中。使用 CSS 可以非常灵活并更好地控制页面的外观，从精确的布局定位到特定的字体和样式等。　　术语“层叠”是指对同一个元素或 Web 页面应用多个样式的能力。例如，可以创建一个 CSS 规则来应用颜色，创建另一个规则来应用边距，然后将两者应用于一个页面中的同一文本。所定义的样式“层叠”到您的 Web 页面上的元素，并最终创建您想要的设计。　　CSS样式表的创建，可以统一定制网页文字的大小、字体、颜色、边框、链接状态等效果。在Dreamweaver 8中CSS样式的设置方式有了很大的改进，更为方便、实用、快捷。　　一、创建CSS样式　　1、选中菜单“窗口”“CSS样式”。打开CSS样式面板。 　　2、单击“CSS样式”面板右下角的“新建CSS规则”按钮，打开“新建CSS规则”对话框。 　　在“选择器类型”选项中，可以选择创建CSS样式的方法包括以下三种：　　类：我们可以在文档窗口的任何区域或文本中应用类样式，如果将类样式应用于一整段文字，那么会在相应的标签中出现CLASS属性，该属性值即为类样式的名称。　　标签（重新定义特定标签的外观）：重新定义HTML标记的的默认格式。我们可以针对某一个标签来定义层叠样式表，也就是说定义的层叠样式表将只应用于选择的标签。例如，我们为body和/body标签定义了层叠样式表，那么所有包含在body和/body标签的内容将遵循定义的层叠样式表。　　高级（ID、伪类选择器等）：为特定的组合标签定义层叠样式表，使用ID作为属性，以保证文档具有唯一可用的值。高级样式是一种特殊类型的样式，常用的有4种：　　a:link　设定正常状态下链接文字的样式。　　a:active　 设定鼠标单击时链接的外观。　　a:visited　设定访问过的链接的外观。　　a:hover　 设定鼠标放置在链接文字之上时，文字的外观。　　3、为新建CSS样式输入或选择名称、标记或选择器，其中：　　对于自定义样式，其名称必须以点（.）开始，如果没有输入该点，则DW回自动添加上。自定义样式名可以是字母与数字的组合，但.之后必须是字母。　　对于重新定义HTML标记，可以在“标签”下拉列表中输入或选择重新定义的标记。　　对于CSS选择器样式，可以在“选择器”下拉列表中输入或选择需要的选择器。　　4、在“定义在”区域选择定义的样式位置，可以是“新建样式表文件”或“仅对该文档”。单击“确定”按钮，如果选择了“新建样式表文件”选项，回弹出“保存样式表文件为”对话框，给样式表命名，保存后，回弹出“CSS规则定义”对话框。如果选择了“仅对该文档”，则单击“确定”后，直接弹出“CSS规则定义”，在其中设置CSS样式。 　　5、“CSS规则定义”对话框中设置CSS规则定义。主要分为类型、背景、区块、方框、边框、列表、定位和扩展8项。每个选项都可以对所选标签做不同方面的定义，可以根据需要设定。定义完毕后，单击“确定”按钮，完成创建CSS样式。 2