📄 8.2.2.htm
字号:
<html>
<head>
<title>Untitled Document</title>
<LINK REL ="stylesheet" TYPE = "text/css" HREF = ".../contents.css">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF">
<h2 align="center">使用样式</h2>
<p>明确了如何定义一个样式之后，我们需要在网页中具体引用该样式，才能使样式生效。在网页中引用样式的常用方法有三种： </p>
<ul>
<li> 使用 HTML 标记符的 STYLE 属性嵌套样式信息；</li>
<li> 通过在网页 HEAD 标记符中使用 STYLE 标记符嵌套样式信息；</li>
<li> 通过在网页 HEAD 标记符中使用 LINK 标记符链接外部的层叠样式表文件（.css 文件）。</li>
</ul>
<p>
1. 使用 STYLE 属性<p>
在 HTML 标记符中使用 STYLE 属性可以将样式信息直接嵌入到标记符内，使相应标记符具有指定的样式。用于 STYLE 属性的值是一个或多个 CSS"属性:值"对，并由分号分开。<p>
例如，要设置一个半英寸的左边距，字体大小为 14pt 的段落，应使用如下样式定义：<p>
<P STYLE="margin-left:0.5in; font-size:14pt"><p>
仅有位于此标记符内的文本受样式的影响。<p>
</P><p>
2. 使用 STYLE 标记符<p>
最常用的引用样式的方式是在页面的 HEAD 标记符内使用 STYLE 标记符，将样式定义放置到该标记符内。<p>
在 STYLE 标记符内，应使用"属性:值"对为想要定义样式的各种 selector 定义样式。同时，为了使不支持 CSS 的浏览器将样式定义忽略，应将样式定义用注释标记符包围起来。如果需要为样式添加注释，应将注释内容用"/*"和"*/"包围起来。<p>
例如，以下示例使用 STYLE 标记符定义了一个 P 标记符的样式：<p>
<HEAD><p>
<STYLE><p>
<！--<p>
P{margin-left:0.5in; font-size:14pt} /* 在这里添加注释 */<p>
--><p>
</STYLE><p>
</HEAD><p>
定义了该样式后，在网页中使用 P 标记符时，将自动应用相应的样式。<p>
3. 使用 LINK 标记符<p>
如果相同的样式要应用于多个网页，则可以使用链接样式，也就是将样式定义保存为样式表文件（.css 文件），然后将其链接到需要使用相应样式网页中。链接样式时应在
HEAD 标记符内使用 LINK 标记符引入外部样式表文件。<p>
例如，如果要将刚才用 STYLE 标记符定义的样式改换成链接式样式，应使用以下两步：<p>
（1）将 HTML 页上 <STYLE> </STYLE> 标记符和其间的所有内容都剪切不来，并粘贴到另一个空白文件上，并用 .css
扩展名保存该新文件（假设保存在当前目录，文件名为 linkedStyle.css）。<p>
（2）将一个 LINK 标记符添加到 <HEAD></HEAD> 标记符之间，引用链接式样式表文件（.CSS文件），如下所示：<p>
<LINK REL="stylesheet" TYPE="text/css" HREF="./linkedStyle.css"><p>
REL 属性规定了被链接文件的关系，在链接式样式表文件（.css 文件）的情况下，REL 属性的值永远是 "stylesheet"；TYPE
属性规定了链接文件的 MIME 类型，它的值永远是 "text/css"；HREF属性引用了先前创建的链接样式表文件。<p>
链接了样式表文件之后，当网页设计者在网页中使用样式表文件中所定义样式对应的 selector 时，相应样式将自动应用。
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -