HTML中的CSS文件怎么写？在HTML中使用CSS文件，可以通过以下步骤进行编写：
1. 创建一个新的CSS文件，以`.css`作为文件扩展名。你可以使用任何文本编辑器（如Notepad++、Sublime Text、Visual
Studio Code等）来创建和编辑CSS文件。
2. 在CSS文件中编写CSS样式规则。CSS样式规则由选择器和声明块组成。
-
选择器：用于选中HTML元素并应用样式。常见的选择器包括元素选择器（如`body`、`h1`、`div`）、类选择器（以`.`开头，如`.my-class`）、ID选择器（以`#`开头，如`#my-id`）等。
- 声明块：用花括号`{}`将一组属性和值包围起来。每条属性都由属性名称和属性值组成，用冒号`:`分隔。
以下是一个简单的示例：
/* http://www.ux20.com/news/style.css 文件 */
body {
background-color: lightblue;
font-family: Arial, sans-serif;
}
h1 {
color: red;
text-align: center;
}
.my-class {
font-weight: bold;
}
#my-id {
font-style: italic;
}
3. 将CSS文件链接到HTML文件中的`<head>`部分。使用`<link>`标签，并设置`rel`属性为`stylesheet`，`href`属性为CSS文件的路径。
<!DOCTYPE html>
<html>
<head>
<title>CSS示例</title>
<link rel="stylesheet"
href="http://www.ux20.com/news/style.css">
</head>
<body>
<!-- 其他HTML内容
-->
</body>
</html>
在上述示例中，`<link rel="stylesheet" href="http://www.ux20.com/news/style.css">`链接了名为`http://www.ux20.com/news/style.css`的CSS文件。
4. 将CSS样式应用于HTML元素。通过为HTML元素添加相应的类名或ID，在CSS文件中定义的样式规则将会生效。
<h1>This is a heading</h1>
<div
class="my-class">This is a div with class</div>
<p
id="my-id">This is a paragraph with ID</p>
此示例中，`<h1>`元素会应用`h1`选择器定义的样式规则，`<div>`元素会应用`.my-class`选择器定义的样式规则，`<p>`元素会应用`#my-id`选择器定义的样式规则。
通过以上步骤，在HTML文档中引入CSS文件，并定义和应用样式规则，就可以实现对HTML元素的样式化。
希望这个指南对你理解如何编写和使用CSS文件有所帮助！
