首页如何在html页面中添加 css代码？

如何在html页面中添加 css代码？

时间: 2023-12-06 19:44:27 浏览: 256

可以通过以下几种方式在 HTML 页面中添加 CSS 代码： 1. 内联样式：将 CSS 代码直接写在 HTML 标签的 style 属性中，如下所示： ``` <p style="color: red; font-size: 16px;">Hello World!</p> ``` 2. 嵌入样式：将 CSS 代码写在 `<style>` 标签内，该标签通常放置在 HTML 文档的 `<head>` 标签中，如下所示： ``` <head> <style> p { color: red; font-size: 16px; } </style> </head> <body> <p>Hello World!</p> </body> ``` 3. 外部样式表：将 CSS 代码保存到一个外部文件中，并在 HTML 页面中使用 `<link>` 标签引入该文件，如下所示： ``` <head> <link rel="stylesheet" href="styles.css"> </head> <body> <p>Hello World!</p> </body> ``` 其中，styles.css 是存放 CSS 代码的文件名，该文件应该与 HTML 页面处于同一目录下。

阅读全文