四种引入css的方式总结

来源：懂视网责编：小OO 时间：2020-11-27 18:49:25

四种引入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.内部式引用：页面较为清晰，但不能被别的页面使用。

推荐度：

点击下载本文 文档为doc格式

导读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.内部式引用：页面较为清晰，但不能被别的页面使用。

本文主要为大家分享一篇引入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的方式总结

推荐度：

点击下载本文 文档为doc格式

标签：方法导入四种

热门焦点

四种引入css的方式总结

四种引入css的方式总结

四种引入css的方式总结

最新推荐

猜你喜欢

热门推荐