当您要在多个页面上进行更改时,通常使用外部样式表。它非常适合这种情况,因为它可以帮助您通过更改一个文件来更改整个网站的外观。
它在每个页面上使用 <link> 标签,并且 <link> 标签应该放在 head 部分内。
例子:
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
外部样式表可以在任何文本编辑器中编写,但必须使用 .css 扩展名保存。此文件不应包含 HTML 元素。
让我们以名为“mystyle.css”的样式表文件为例。
文件:mystyle.css
body { background-color: lightblue; } h1 { color: navy; margin-left: 20px; }
注意:您不应在属性值和单位之间使用空格。例如:它应该是 margin-left:20px 而不是 margin-left:20 px。