引入css的四种方式总结(分享)

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

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

<link href=http://www.jb51.net/web/"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的四种方式总结(分享)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!