45fan.com - 路饭网

搜索: 您的位置主页 > 网络频道 > 阅读资讯:引入css的四种方式介绍

引入css的四种方式介绍

2018-02-25 17:06:33 来源:www.45fan.com 【

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


本文地址:http://www.45fan.com/a/question/97202.html
Tags: css 引入 四种
编辑:路饭网
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部