引入css的四种方式总结(分享)
博客园 发布时间：2018-01-04 16:18:43 作者：smart_hwt 
我要评论
我要评论下面小编就为大家分享一篇引入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样式的几种方法，包括内联式样式表、嵌入式样式表、外链式、导入式，大家参考使用吧2014-01-14
- CSS四种引入方式:标签内的CSS 、网页内的CSS、link引用的CSS、import引用的CSS，下面用一个例子演示用法2013-12-06
- 在HTML中，引入CSS的方法主要有行内式、内嵌式、导入式和链接式，下面针对这几种不同的引入方式给予了使用建议，比较迷惑的朋友可以参考下2021-11-30
- 在本文将为大家介绍下css的引入方式、css的基本语法等等，新手朋友们可以参考下哈，希望对大家有所帮助2013-09-12
引入CSS的方式有哪些?link和@import的有何区别应如何选择
有一些页面比较简单，流量很大的网站，是直接将CSS写在html代码中的？他们有什么区别？CSS用import还是link好？本文搜集整理了一下，感兴趣的朋友可以看看哦，希望本人对你2013-01-23- CSS样式引入方法，一般情况下最好使用link加入远程样式，但不好的地方就是当网速慢的情况下，这种方法容易使页面因为样式没有加载而变形，很多大网站首页都是直接写到页面2010-08-26
- CSS样式的引入方法小结。2010-07-27
最新评论