如何引入css
时间: 2023-07-26 20:08:38 浏览: 27
要在HTML文件中引入CSS,可以使用`<link>`标签。在你的HTML文件中,添加以下代码行:
```html
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
```
这会将名为`style.css`的CSS文件链接到你的HTML文档中。确保将`href`属性值设置为你实际的CSS文件路径。
相关问题
引用外部css
在 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 文件的文件路径和文件名正确。另外,还需要遵循浏览器的安全策略,如同源策略等。
html引用外部css
要在HTML中引用外部CSS文件,您需要使用<link>标记,如下所示:
```html
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
```
其中,rel属性指定了链接的类型,type属性指定了文件的类型(这里是CSS文件),href属性指定了CSS文件的路径和文件名。
请注意,这个<link>标记应该放在<head>标记中。这样,浏览器会在显示页面之前加载和应用CSS文件中的样式。