引入css的四种方式

时间 2019-11-25

标签引入 css 四种方式栏目 CSS 繁體版

原文原文链接

本文转载于:猿2048网站引入css的四种方式php

1.内联式引用：直接用在标签上，但维护成本高css

style='font-size:16px;color:#000000'

2.外部链接式引用：css代码与html代码分离，便于代码重复使用html

<link href="css/style.css" type="text/css" rel="stylesheet" />

style.css文件内容如右：网站

.font{color:blue;font-size:12px;}

3.内部式引用：页面较为清晰，但不能被别的页面使用url

<style type='text/css'>
    .font{color:blue;font-size:12px;}
</style>

4.外部导入式：能够在一个HTML文件中导入多个样式表。相似于外部连接式引用
在HTML文件中head标签中加入spa

<style type='text/css'>
    @import url('./style/style.css');
</style>