源码动态 源码评测 源码技巧 网站运营 网页制作 网站开发 安全相关 软件教程 IDC资讯 业界消息
高级搜索
关键字:Discuz!  Axure  团购系统
最新更新发布资源提建议收藏本站
当前位置:A5源码 > 资讯报道 > 网页制作 > 引入css的四种方式总结(分享)

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

作者:zy来源:未知浏览:时间:2018-03-13 16:32我要评论
1.内联式引用:直接用在标签上,但维护成本高 style='font-size:16px;color:#000000' 2.外部连接式引用:css代码与html代码分离,便于代码重复使用 link href=css/style.css type=text/css rel=stylesheet /。

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的四种方式总结(分享)就是小编分享给大家的全部内容了。

相关文章
网友对“引入css的四种方式总结(分享)”的评论
资讯分类
本类热门资讯
  • 源码推荐
  • 软件推荐
关于我们联系我们发布资源广告服务合作伙伴网站地图版权声明与我们对话