首页引用外部css

引用外部css

时间: 2023-07-23 08:14:00 浏览: 49

在 HTML 页面中，可以使用以下方式引用外部 CSS 文件： 1. 在 <head> 标签中使用 <link> 标签引用外部 CSS 文件。例如： ```html <html> <head> <title>My Page</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>My Heading</h1> <p>My paragraph.</p> </body> </html> ``` 其中，style.css 是存储 CSS 样式的外部文件。href 属性指定了 CSS 文件的路径和文件名。 2. 在 HTML 页面的 <style> 标签中写入 CSS 样式。例如： ```html <html> <head> <title>My Page</title> <style> h1 { color: red; } p { font-size: 16px; } </style> </head> <body> <h1>My Heading</h1> <p>My paragraph.</p> </body> </html> ``` 其中，<style> 标签用于定义 CSS 样式。在 <style> 标签中可以写入 CSS 代码。请注意，为了保证 CSS 样式能够正确地引用和执行，需要确保 CSS 文件的文件路径和文件名正确。另外，还需要遵循浏览器的安全策略，如同源策略等。