四种引入css的方式总结

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了四种引入css的方式总结，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含866字，纯文字阅读大概需要2分钟。

内容图文

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>

大家学会了吗？觉得有用的赶紧收藏起来吧。

相关推荐：

Dreamweaver网页制作使用css样式嵌套方法

设置表格CSS样式需要注意什么

用CSS样式生成搜索、购物车等图标样式

以上就是四种引入css的方式总结的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的四种引入css的方式总结全部内容，希望文章能够帮你解决四种引入css的方式总结所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端