本文主要为大家分享一篇引入css的四种方式总结，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧，希望能帮助到大家。
1.内联式引用：直接用在标签上，但维护成本高
style='font-size:16px;color:#000000'
2.外部连接式引用：css代码与html代码分离，便于代码重复使用
<link href="css/style.css" type="text/css" rel="stylesheet" />
style.css文件内容如右：
.font{color:blue;font-size:12px;}3.内部式引用：页面较为清晰，但不能被别的页面使用
<style type='text/css'>
.font{color:blue;font-size:12px;}
</style>4.外部导入式：可以在一个HTML文件中导入多个样式表。类似于外部链接式引用
在HTML文件中head标签中加入
<style type='text/css'>
@import url('./style/style.css');
</style>大家学会了吗？觉得有用的赶紧收藏起来吧。
相关推荐：
Atas ialah kandungan terperinci 四种引入css的方式总结. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
