CSS怎么进行引入

(1)链接式 : 在网页的<head></head>标签对中使用<link>标记来引入外部样式表文件,使用html规则引入外部css (用得比较多) :

<link href="./mystyle.css" rel="stylesheet" type="text/css"/>

(2)导入式 : 将一个独立的.css文件引入HTML文件中,导入式使用CSS规则引入外部CSS文件,<style>标记也是写在<head>标记中,使用的语法如下:

<style type="text/css">
   @import"mystyle.css"; 此处要注意.css文件的路径
</style>

比较:link引用和import引用区别是:link是html加载前就引用,而import是html加载后才引用。

举例,采用impor引用,会先显示无样式的页面,然后再把样式放进去。如果用JavaScript动态引用CSS,得使用link引用方式才可实现。

文章来源网络,作者:运维,如若转载,请注明出处:https://shuyeidc.com/wp/114799.html<

(0)
运维的头像运维
上一篇2025-02-17 22:40
下一篇 2025-02-17 22:41

相关推荐

发表回复

您的邮箱地址不会被公开。必填项已用 * 标注