在html引用外部样式表的方法
时间: 2023-05-26 21:03:05 浏览: 158
使用link标签来引用外部样式表。示例:
```html
<link rel="stylesheet" type="text/css" href="style.css">
```
其中,rel属性指定了文档与链接之间的关系,type属性指定了样式表的MIME类型,href属性指定了样式表的文件路径。
相关问题
在html文档中引用外部样式表文件的方式有哪些?
在HTML文档中引用外部样式表文件的方式有以下两种:
1. 使用`<link>`标签
```html
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
```
在`<link>`标签中,通过`rel`属性指定当前链接是一个样式表文件,通过`type`属性指定样式表文件的类型(通常是"text/css"),通过`href`属性指定样式表文件的路径。
2. 使用`@import`规则
```html
<head>
<style>
@import url("style.css");
</style>
</head>
```
在`<style>`标签中,可以使用`@import`规则将外部样式表文件引入当前HTML文档中。`@import`规则需要指定样式表文件的路径。注意,这种方式只能在`<style>`标签中使用,不能在外部CSS文件中使用。
css样式中,在HTML引用外部样式
在HTML文档中,可以使用<link>标签引用外部样式表。具体步骤如下:
1. 创建一个CSS文件,将需要的样式写在里面,以.css为文件扩展名保存。
2. 在HTML文档的<head>标签中,使用<link>标签引用CSS文件,例如:
```html
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
```
其中,rel属性指定文档与被链接文档之间的关系,type属性指定被链接文档的MIME类型,href属性指定被链接文档的URL。
3. 在HTML文档中使用需要的样式,例如:
```html
<body>
<h1 class="title">Hello World!</h1>
<p class="content">This is a paragraph.</p>
</body>
```
其中,class属性指定元素的类名,在CSS文件中可以通过类选择器来选择相应的元素并应用样式。
通过使用外部样式表,可以实现多个HTML文档共用同一套样式,以及更好的样式管理和维护。