CSS导入方式

最新推荐文章于 2023-07-27 18:50:32 发布

zhuqian88

最新推荐文章于 2023-07-27 18:50:32 发布

阅读量242

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/weixin_44516932/article/details/102955465

版权

24 篇文章 0 订阅

订阅专栏

Css: 层叠样式表, 专门负责修饰HTML
HTML 和 Css 是两门不同的技术, 但是经常放在一起用, 配合Js, 俗称: 网页三剑客
HTML的属性和 Css的属性是不一样

css 4种导入方式：

外链式 (外部导入, 正式项目)
通过 link 标签导入css文件
<link rel="stylesheet" href="css文件地址">
内联式 (现写, 测试)
通过 head标签下style标签来当场写css
```
<head>
     <style>
           css代码
     </style>
</head>
```
内嵌式 (现写, 一般情况下, 不推荐使用)
在开始标签内, 通过 style属性来当场写css

<开始标签 style="属性名:属性值; 属性名:属性值; ...">
导入式 (外部导入)
通过 head标签下style标签来导入 css文件
```
<head>
  <style>
      @import url(css文件地址);
   </style>
</head>
```
- 导入式的注意点:
  @import 必须写在style标签里面的最前面
- 导入式和外链式的区别:
  外链式: 先加载css, 再加载html
  导入式: 先加载html, 再加载css

关注