当前位置：主页 > 查看内容

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

发布时间：2021-07-07 00:00| 有 位朋友查看

简介：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-……

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的四种方式总结(分享)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。


原文链接：https://m.jb51.net/web/594636.html
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：css3实现椭圆轨迹旋转的示例代码 下一篇：css中grid属性的使用详解

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐