css里面的link 和其他的区别
时间: 2023-05-30 08:05:59 浏览: 76
CSS中的link标签是一种HTML标签,用于在HTML文档中链接到外部CSS文件,以便为HTML页面提供样式。它通常位于HTML文档的<head>标签中,并使用href属性指向CSS文件的URL。
其他标签则是用于HTML文档中定义其他类型的资源,例如<script>标签用于链接JavaScript文件,<img>标签用于显示图像,<video>标签用于显示视频等。
因此,CSS中的link标签的主要作用是将样式从HTML文档中分离出来,以便更好地管理和维护样式。其他标签则用于在HTML页面中嵌入其他类型的内容。
相关问题
怎么引用css文件夹里面的style.css样式
在HTML文档中引用css文件夹里面的style.css样式可以通过以下步骤实现:
1. 在HTML文档中的head标签中添加link标签,如下所示:
```
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
```
其中,`href`属性指定了样式表文件的路径,需要根据实际情况进行调整,比如上面的路径是相对于HTML文件的。
2. 保存HTML文档和style.css文件,并在浏览器中打开HTML文档,即可看到应用了style.css样式的效果。
注意:在引用样式表文件时,需要确保路径和文件名的大小写一致,否则可能会导致样式无法应用的问题。
如何在html里面使用css的特效
您可以在 HTML 文件中通过以下方式使用 CSS 特效:
1. 在 head 标签中添加 style 标签,然后在其中添加 CSS 代码,如下所示:
```html
<head>
<style>
/* CSS 代码 */
</style>
</head>
```
2. 使用外部 CSS 文件。在 head 标签中通过 link 标签引入外部 CSS 文件,如下所示:
```html
<head>
<link rel="stylesheet" href="styles.css">
</head>
```
其中 styles.css 是您保存 CSS 样式的文件名。
一旦您已经添加了 CSS 样式,您可以通过 CSS 选择器来选择要应用样式的元素,并为其添加相应的样式,例如:
```html
<p class="my-class">Hello, world!</p>
```
```css
.my-class {
font-size: 18px;
color: blue;
}
```
这将使文本 Hello, world! 以蓝色字体大小为 18 像素的字体显示。