步骤一：新建文件 打开notepad文本编辑器，新建一个空白文档，并将其另存为。 步骤二：新建样式文件 再次新建一个空白文档，并将其另存为main.css作为样式文件。 步骤三：编写样式内容

步骤一：新建文件

打开notepad文本编辑器，新建一个空白文档，并将其另存为。

步骤二：新建样式文件

再次新建一个空白文档，并将其另存为main.css作为样式文件。

步骤三：编写样式内容

在main.css文件中输入以下内容：

这是一个红色且字体大小为40px的段落。

保存该文档。

步骤四：编写Html内容

在文件中输入以下内容： ```html

加油！

``` 保存文件并运行，你将得到以下输出结果。

步骤五：测试按钮事件

在文件中添加以下内容： ```html

Hello

努力，坚持

点击 ``` 保存文件并运行，你将得到以下结果。当你点击按钮时，文字将发生变化。

步骤六：引用样式文件

在文件中加入以下语句： ```html ``` 最终代码如下： ```html

Hello

努力，坚持

点击 ``` 保存并运行，你将看到p标签的文字属性发生了变化。

结论

通过引用css样式，我们可以对各种样式进行复用。使用css样式可以让网页更具吸引力和可读性，并且方便修改和管理样式。在编写Html基础案例时，结合css样式是一个重要的技巧，希望本文能对你有所帮助。