如何引入css

这篇文章主要介绍了如何引入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”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!