将 css 代码放置在外部文件中可提升可重用性、易于维护、提高性能、促进团队协作并优化浏览器缓存：创建 .css 扩展名的文本文件。在文件中编写 css 样式。在 html 文件的

中使用元素链接到外部 css 文件。

HTML外部CSS书写方式

如何将CSS代码放置在外部文件中？

要在外部文件中书写CSS代码，请按照以下步骤操作：

1. 创建CSS文件：新建一个文本文件，并将其扩展名保存为“.css”。例如，"styles.css"。
2. 将CSS代码写入文件：在文件中编写所需的CSS样式，类似于在HTML文件中内联样式。
3. 在HTML文件中链接到CSS文件：在HTML文件的部分中，使用元素链接到外部CSS文件。例如：

<code class="html">
  <link rel="stylesheet" href="styles.css">

好处

使用外部CSS文件的好处包括：

• 可重用性：外部CSS文件可以被多个HTML文件引用，从而实现样式的重用。
• 易于维护：所有样式都集中在一个文件中，便于集中修改和维护。
• 提高性能：外部CSS文件可以减少HTML文件的体积，从而提升加载速度。
• 团队协作：外部CSS文件使多个开发人员可以同时处理样式而不冲突。
• 浏览器的缓存：外部CSS文件通常会被浏览器缓存，并在后续加载中无需重新下载。