怎样创建一个 CSS 样式表,将其链接到 HTML 文档中。
时间: 2024-04-14 13:25:33 浏览: 9
要创建一个 CSS 样式表并将其链接到 HTML 文档中,可以按照以下步骤进行操作:
1. 创建一个新的文本文件,并将其保存为 .css 文件。例如,可以命名为 `styles.css`。
2. 在该 CSS 文件中编写所需的样式规则。例如,可以设置元素的字体、颜色、大小、边框等属性。
例如,以下是一个简单的 CSS 样式规则示例:
```css
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
h1 {
color: #333333;
font-size: 24px;
}
.my-class {
border: 1px solid #cccccc;
padding: 10px;
}
```
3. 将 CSS 文件链接到 HTML 文档中。在 HTML 文档的 `<head>` 标签内,使用 `<link>` 元素来引用 CSS 文件。
在 `<link>` 元素中,使用 `rel` 属性指定样式表的关系类型为 `stylesheet`,使用 `href` 属性指定 CSS 文件的路径。
例如:
```html
<head>
<link rel="stylesheet" href="styles.css">
</head>
```
这将把 `styles.css` 文件与当前的 HTML 文档关联起来。
4. 保存 HTML 文档,并在浏览器中打开该 HTML 文件。浏览器将加载 CSS 文件并应用其中的样式规则。
请注意,确保 CSS 文件和 HTML 文件在同一目录中,并且文件名和路径正确无误。这样,HTML 文档才能正确地链接到 CSS 样式表。