当前位置：srcmini > CSS 2 > 正文

外部CSS

2020-03-04 01:06:37 分类：CSS 2 阅读(731) 评论(0)

要在多个页面上进行更改时, 通常使用外部样式表。此条件非常理想, 因为它可以帮助你仅更改一个文件即可更改整个网站的外观。

它在每个页面上使用<link>标记, 并且<link>标记应放在标题部分的内部。

例：

<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：20px。

未经允许不得转载：srcmini » 外部CSS