[chapter5css样式表.pptVIP

网页设计与制作实用教程 （Dreamweaver+Flash+Photoshop） 2013 . 3 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 第4章 CSS样式表 CSS入门 CSS详解 创建和应用CSS CSS：Cascading Style Sheets CSS可将网页要展示的内容与样式设定分开，也就是将网页的外观设定信息从网页内容独立出来，并集中管理。当要改变网页外观时，只需更改样式设定的部分，HTML文件本身并不需要更改。 本章主要内容： Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 4.1 CSS入门概述 4.1.1 “CSS样式”面板 4.1.2 定义CSS样式 4.1.3 在网页中应用CSS样式 CSS是一种格式化网页的标准方式，它对颜色、字体、间隔、定位以及边距等格式方面提供了多种属性，这些属性均可用于HTML标记符。 CSS技术可以方便地为所有网页设置一种风格。使用外部样式表，还能为所有需要使用该样式的网页所链接。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 4.1.1 “CSS样式”面板 在Dreamweaver中，“CSS样式”面板是新建、编辑、管理CCS的主要工具。选择“窗口”—“CSS样式”命令可以打开或者关闭“CSS样式”面板。 没有定义CSS前，“CSS样式”面板是空白的。定义后，在“CSS样式”面板中会显示定义好的CSS规则。 样式表文件名 CSS规则列表 属性和属性值列表 工具按钮栏 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 4.1.2 定义CSS样式 单击【新建CSS规则】 按钮，打开如图对话框 【规则定义】 两个单选项 新建样式表文件：设定的样式保存在一个外部样式表文件中。 仅限该文档：设定的样式放在当前文件中，只在此文件中使用 提示：CSS可分为“内联样式表”和“外部样式表”。分别将CSS规则定义在HTML文档内部和独立的外部样式表文件（.css） Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 4.1.2 定义CSS样式 【选择器类型】选项 类（可应用于任何标签）：选择此类型后，需要在【名称】文本框中填入一个样式名字，注意，此类名称必须以“.”开头。这样定义的样式可用来定义绝大多数的HTML对象，使这些对象有统一的外观。 提示：如果选择【新建样式表文件】，单击【确定】后会要求选择保存目录和输入文件名，单击【保存】进入【.mystyle的CSS规则定义】对话框。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 4.1.2 定义CSS样式 标签（重新定义HTML元素）：选择此选项后，在【标签】下拉框里选择需要重新定义的HTML标签。 ID（仅应用于一个HTML元素）：重新定义特定元素组合的格式，或其他CSS允许的选择器表单的格式（例如，每当h2标题出现在表格单元格内时，就会应用选择器td h2）。还可以重定义包含特定id属性的标签的格式（例如，由#myStyle定义的样式可以应用于所有包含属性/值对id=“myStyle”的HTML标签）。另外，这个选项还可以设定链接文本的样式 提示：上述选择后，单击【确定】会弹出相应的CSS规则定义”对话框，在对话框中进行相应的设置 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.