CSS 3种引入方式

1.1 内联样式

- 用style属性
<div style="color: #000"></div>

1.2 内部样式

- 用<style>标签
<style>
* {color: #eee}
</style>

1.3 外部样式

- (1)用<link>标签
- (2)在<style>标签中使用@import(不推荐)
- 不推荐原因:
- link标签内使用href引入css文件,浏览器会将其标记为css文件进行异步下载,并继续向下执行。
- 而@import引入css文件会待文件下载完后继续向下执行,若css包体过大会出现文档加载卡顿。
<!--(1)-->
<link rel="stylesheet" href="./css/index.css" />
<!--(2)-->
<style>
@import url(./css/index.css);
</style>
posted @ 2023-05-10 15:32  NZVN  阅读(18)  评论(0编辑  收藏  举报