《中文FRONTPAGE_2000疑难解析--第7章实现级联样式表》中学生教育文学丛书.pdfVIP

下载 第7章 实现级联样式表 问题 • 样式的元素 什么是样式 样式是什么样的 标题( H 1 、H 2 、H 3 )和样式之间的区别 在样式中可以定义什么 哪一个元素采用样式 可以修改元素的哪一个属性 修改元素的属性 • 样式表 样式表是什么 为什么将样式放置在表中 现场使用样式，而不是样式表 在We b上发布样式表 • 级联 立即级联 样式表中的基本样式 网页上的基本样式 • 应用样式表 对元素应用样式 在We b层次上应用样式 可以用样式表修改的元素 对表格应用样式 • 浏览器对样式表的限制 不使用样式表的原因 支持样式表的浏览器 实现级联样式表 级联样式表(cascading style sheet ，C S S )是自彩色文本以来对 We b影响最大的东西。样式 表允许你在一个地方定义希望元素在网页上出现的方式，然后让那个元素的每一个实例都立 即实现这种方式。如果你仅仅在一个地方修改了定义，则那个元素的每个实例都会改变，以 符合你定义的样式。如果你希望为元素的一个或几个实例定义另一种样式 (假设，所有的标题 都是蓝色和 1 4磅，但是其中的一个是红色和 1 4磅) ，那么你也可以完成这种操作。事实是，你 90使用中文FrontPage 2000疑难解析 下载 可以设置整个站点的某个元素的样式，然后设置那个元素的实例的样式，甚至仅仅为特定的 元素设置样式。 F r o n t P a g e使实现样式成为轻而易举的事情。样式表并不是高深的科学，也不是确切的自然语 言。一旦你理解了样式表工作的方式，就可以开始在We b、网页和网页上的特定元素中应用他们。 • 样式的元素。讲述什么是样式和它们对于站点的意义，及用样式来修改网页上元素属性 的方法。 • 样式表。解释了如何利用样式表来修改站点中所有网页上的单个元素的外观。 • 级联。因为你可以在多个地方进行样式定义，浏览器需要理解可以定义样式的 We b 中的 每个区域相关的规则和权重。解释了级联是如何工作的。 • 应用样式表。解释F r o n t P a g e如何帮助你在We b 中对文本元素、图像和表格应用样式表。 • 浏览器对样式表的限制。每个银衬垫都有灰暗的一面，样式表也是一样的。尽管样式表很 强大，但是它并没有在每个浏览器中都完全实现。本章最后说明了浏览器对样式表的限制。 7.1 样式元素 1 什么是样式？ 样式就是浏览器重现内容的方式，即内容出现在屏幕上的方式。 Microsoft Wo r d利用了 样式。尽管你可能没有使用过。你是否曾经注意到屏幕的左上角内的“普通”，就在 “常用”工具栏下面(参见图 7 - 1 ) 。那就是指明你希望为输入的文本使用样式的地方。在标有 “正文”的下拉框中，你也可以看见包含在普通模板中的整个样式列表。单击下拉箭头，将看 见包括标题 1、标题2 、普通和默认段落字体在内的其他定义样式。在文档的某个部分或者整 图7-1 选择的样式 样式下拉列表 在Microsoft Word中指明样式 第7章 实现级联样式表使用91 下载 个文档中已经定义的样式的集合称为模板。你可以看见 Wo r d预先定义的模板集合，方法是访 问“文件”下拉列表，然后单击“新文件”。F r o n t P a g e 显示“新文件”对话框；单击“模板” 选项卡，以查看Wo r d 的各种准备使用或者修改的模板。在Wo r d 中使用样式的好处在于，例如， 如果你决定全部使用样式，而中途决定修改段落文本的字体，则只需要在一个地方调整字体 大小—样式定义—而字体大小的改动会影响每一个已经定义为段落文本的文本。 2 样式是否在每个地方看起来都一样？ 不是。如果你曾经使用过 H 1元素(或者任何其他标题元素 ) ，就知道标题在不同的浏览器 和不