头闻号

吴川市兰石镇广丰百货商店

办公文教用品代理加盟|服饰代理加盟|家居用品代理加盟|工艺礼品代理加盟|广告策划|...

首页 > 新闻中心 > 科技常识:引入css的四种方式总结(分享)
科技常识:引入css的四种方式总结(分享)
发布时间:2024-11-27 02:18:15        浏览次数:6        返回列表

今天小编跟大家讲解下有关引入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的四种方式总结(分享)就是小编分享给大家的全部内容了 希望能给大家一个参考 也希望大家多多支持爱蒂网。

来源:爱蒂网