方法1：利用外部CSS文件（推荐）

一、创建CSS文件

新建一个文件，命名为 `style.css`，你也可以根据个人习惯自定义文件名。推荐的文件结构如下：

```markdown

项目文件夹/

├── index.html

└── css/

└── style.css

```

二、编写CSS内容

打开`style.css`文件，编写你的样式代码。例如：

```css

body {

background-color: f0f0f0;

font-family: Arial, sans-serif;

}

h1 {

color: navy;

text-align: center;

}

```

三、在HTML中链接CSS

在`index.html`文件中，使用link标签引入刚刚创建的CSS文件：

```html

欢迎来到我的网站

```

方法2：使用内部样式表（适用于小型项目）

直接在HTML文件中编写样式，虽然方便但不建议大型项目使用，容易引发维护问题。示例如下：

```html

这是一段带有内联样式的文字。

``` 需要注意的是，内部样式表主要用于快速原型设计或小规模项目。对于大型或长期项目，推荐使用外部CSS文件。这样可以使HTML和CSS分离，提高代码的可维护性和可读性。外部CSS文件允许你在多个页面之间共享样式，提高开发效率。使用外部CSS文件还可以利用浏览器的缓存机制，提高页面的加载速度。它还便于实现响应式设计，确保你的网站在各种设备上都能呈现出最佳的视觉效果。每次修改完CSS文件后，记得保存并在浏览器中刷新页面查看变化！