首页 > web前端 > css教程 > 四种引入css的方式总结

四种引入css的方式总结

小云云
发布: 2018-01-08 10:38:53
原创
2160 人浏览过

本文主要为大家分享一篇引入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=&#39;text/css&#39;>
    .font{color:blue;font-size:12px;}
</style>
登录后复制

4.外部导入式:可以在一个HTML文件中导入多个样式表。类似于外部链接式引用

在HTML文件中head标签中加入

<style type=&#39;text/css&#39;>
    @import url('./style/style.css');
</style>
登录后复制

大家学会了吗?觉得有用的赶紧收藏起来吧。

相关推荐:

Dreamweaver网页制作使用css样式嵌套方法

设置表格CSS样式需要注意什么

用CSS样式生成搜索、购物车等图标样式

以上是四种引入css的方式总结的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板