脚本宝典收集整理的这篇文章主要介绍了引入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>

以上这篇引入css的四种方式总结(分享)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本宝典。

脚本宝典总结

以上是脚本宝典为你收集整理的引入css的四种方式总结(分享)全部内容，希望文章能够帮你解决引入css的四种方式总结(分享)所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。