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