首页如何将html和css连接

如何将html和css连接

时间: 2024-03-06 21:46:18 浏览: 140

要将 HTML 和 CSS 连接起来，有以下两种方式： 1. 内联样式表在 HTML 文件中，可以使用 style 标签来添加内联样式表。例如： ```html <!DOCTYPE html> <html> <head> <title>样式示例</title> <style> /* 这里是 CSS 样式 */ </style> </head> <body>  </body> </html> ``` 在 style 标签中，可以添加 CSS 样式，然后将 HTML 页面内容嵌套在 body 标签中。这样，页面就可以显示出样式的效果了。 2. 外部样式表另一种方式是使用外部样式表。在 HTML 文件中，可以使用 link 标签来引入 CSS 文件。例如： ```html <!DOCTYPE html> <html> <head> <title>样式示例</title> <link rel="stylesheet" href="style.css"> </head> <body>  </body> </html> ``` 在 head 标签中，使用 link 标签来引入名为 "style.css" 的 CSS 文件。在 style.css 文件中，可以编写 CSS 样式，例如： ```css body { background-color: #f0f0f0; } h1 { color: red; } ``` 这里的样式将会应用到 HTML 页面中的所有 body 元素和 h1 元素上。总结一下： - 内联样式表：在 HTML 中使用 style 标签来添加 CSS 样式。 - 外部样式表：在 HTML 中使用 link 标签来引入外部的 CSS 文件。

阅读全文