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的方式总结的详细内容,更多请关注php中文网其它相关文章!
前端(VUE)零基础到就业课程:点击学习
自己动手写 PHP MVC 框架:点击学习
![](http://m.sbmmt.com/img/upload/article/000/000/020/633501a29d313483.png)