CSS样式添加到HTML的三种方式

想要为你的网页增添个性化视觉效果吗？本文将详细介绍如何将CSS样式完美地应用到HTML文档中，让你的网页更具吸引力。主要有四种方法：**内联样式**，直接在HTML元素中使用`style`属性，简单快捷但不利于维护；**内部样式表**，在HTML文档的`

4、保存后刷新页面即可看到效果。

三、外部样式表（External Style Sheet）

外部样式表是将CSS代码保存在一个独立的.css文件中，并通过标签引入到HTML文档中，适合多页面共享样式。

1、创建一个文本文件并将其扩展名保存为.css，例如styles.css。

2、在该文件中编写标准CSS规则，如：h1 { text-align: center; }。

3、在HTML文件的部分添加：。

4、确保HTML文件与CSS文件路径正确，浏览器才能成功加载样式。

四、使用@import导入样式表

@import是一种在CSS文件或