📄 7-3-2.cfm.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>在网页中加入Style</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>
<body>
<font FACE="宋体"><b>
<p ALIGN="JUSTIFY">在网页中加入Style</p>
</b></font><font FACE="宋体" SIZE="3">
<p ALIGN="JUSTIFY">Style Sheet是一个规则列表来决定网页上每个元素的外观。例如，假设你想强调网页上所有的黑体文字，你想让所有的黑体字都以红色显示出来。使用Style
Sheet，你可以为浏览器提供一个规则，即所有的黑体字都应该用红色显示出来，就象下面的例子：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Simple Style </TITLE></p>
<p ALIGN="JUSTIFY"><STYLE></p>
<p ALIGN="JUSTIFY">B {color: red}</p>
<p ALIGN="JUSTIFY"></STYLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY></p>
<p ALIGN="JUSTIFY"><B> I am bold and red </B></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">当这个HTML文件被一个支持Style Sheets的浏览器解释时，处于<B>标识符之间的文字将以红色显示出来。注意这个新的HTML标识符<STYLE>，它包含了网页规则的列表。在此例中，只有一条简单的规则：</p>
<p ALIGN="JUSTIFY">B {color: red}</p>
<p ALIGN="JUSTIFY">这个规则具有两个部分，规则的第一个部分B被称作selector，selector被用来选择网页中规则所起作用的元素。在此例中，B选择了所有在这个HTML文件中出现的<B>标识符，这个规则决定了每个<B>标识符的行为。</p>
<p ALIGN="JUSTIFY">这个规则的第二部分被称为declaration，它包含了一个属性和值。在此例中，属性是color，而值是red。根据这条规则，每一个<B>标识符的color属性都将被设为红色。</p>
<p ALIGN="JUSTIFY">所有的规则都具有这种格式，一个或更多的selector被使用来选择网页中的元素。selector后紧接着是一个空格，再接下来，那个元素的属性被赋予一个值，即一个属性――值对。属性和值由一个冒号分隔，并由一对花括号包含（{}）。</p>
<p ALIGN="JUSTIFY">注意此例中没有别的HTML标识符被添加进文件的主体部分，Style
Sheet完全是在<HEAD>标识符中定义的，虽然如此，Style Sheet决定了在文件主体部分出现的所有<B>标识符的行为。</p>
<p ALIGN="JUSTIFY">就如前面所提到的那样，你可以使用Style Sheets而不用担心它们在早期浏览器上的效果，早期的浏览器仅仅忽略<STYLE>标识符。然而，早期的浏览器可能会显示出位于<STYLE>标识符之间的规则列表，要防止这种事的发生，你应当总是把HTML注释符放在规则列表的周围，如下所示：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Simple Style </TITLE></p>
<p ALIGN="JUSTIFY"><STYLE></p>
<p ALIGN="JUSTIFY"><!--</p>
<p ALIGN="JUSTIFY">B {color: red}</p>
<p ALIGN="JUSTIFY">-- ></p>
<p ALIGN="JUSTIFY"></STYLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY></p>
<p ALIGN="JUSTIFY"><B> I am bold and red </B></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">可以解释Style Sheets的浏览器会很聪明地进入到注释标识符内部来获取规则，而在早期的浏览器上，则会忽略注释标识符之间的东西，不会把有关规则的文字显示在屏幕上。</p>
</font>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -