您现在的位置是:群英 > 开发技术 > web开发
HTML怎么调用外部css,有几种方法
Admin发表于 2022-04-29 14:51:224280 次浏览
这篇文章主要给大家介绍“HTML怎么调用外部css,有几种方法”的相关知识,下文通过实际案例向大家展示操作过程,内容简单清晰,易于学习,有这方面学习需要的朋友可以参考,希望这篇“HTML怎么调用外部css,有几种方法”文章能对大家有所帮助。

调用方法:1、使用“<link rel="stylesheet" href="css文件路径" type="text/css" />”语句调用;2、在style标签中使用“@import url(CSS文件路径地址)”语句调用。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

html调用外部css有两种方法

  • 链接式--使用<link>标签

  • 导入式--使用@import规则标签

1、链接式

在网页的<head></head>标签对中使用<link>标记来引入外部样式表文件,使用html规则引入外部css。

语法:

<link rel="stylesheet" href="css文件路径" type="text/css" />

<link> 标签定义文档与外部资源的关系,<link> 标签最常见的用途是链接样式表。

2、导入式

CSS @import规则,用于从其他样式表导入样式规则。这些规则必须先于所有其他类型的规则,@import不能在条件组的规则中使用。

将一个独立的.css文件引入HTML文件中,使用css @import规则引入外部css文件,写在<head>标记的<style>标记中

语法:

<style type="text/css">
@import url(CSS文件路径地址);
</style>

比较链接方式和导入方式

链接方式(下面用 link 代替)和导入方式(下面用 @import 代替)都是引入外部的 CSS 文件的方式,下面我们来比较这两种方式。

link 属于 HTML,通过 <link> 标签中的 href 属性来引入外部文件,而 @import 属于 CSS,所以导入语句应写在 CSS 中,要注意的是导入语句应写在样式表的开头,否则无法正确导入外部文件;

@import 是 CSS2.1 才出现的概念,所以如果浏览器版本较低,无法正确导入外部样式文件;

当 HTML 文件被加载时,link 引用的文件会同时被加载,而 @import 引用的文件则会等页面全部下载完毕再被加载;


感谢各位的阅读,以上就是“HTML怎么调用外部css,有几种方法”的内容了,通过以上内容的阐述,相信大家对HTML怎么调用外部css,有几种方法已经有了进一步的了解,如果想要了解更多相关的内容,欢迎关注群英网络,群英网络将为大家推送更多相关知识点的文章。

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

相关信息推荐
2021-12-31 17:54:24 
摘要:有一些朋友遇到pip install报错的问题,这是什么原因导致的报错呢?我们该怎么样解决?对此这篇小编就和大家一起来分析一下pip install报错原因及解决方法,有需要的朋友可以参考。
2022-02-09 17:57:35 
摘要:这篇文章给大家分享的是PHP怎样实现两数相除取整,本文对大家了解和学习取整函数的使用有帮助,文中示例代码介绍的非常详细,感兴趣的朋友接下来一起跟随小编了解看看吧。
2021-12-29 18:30:50 
摘要:Python里怎么样做数据透视表?在我们工作中经常会遇到需要做数据透视表,它能很快的帮我们收集我们想要的数据,而在用Python里的Pandas可以实现,虽然不如Excel方便,但是效果也还不错,接下来我们一起了解看看吧。
云活动
推荐内容
热门关键词
热门信息
群英网络助力开启安全的云计算之旅
立即注册,领取新人大礼包
  • 联系我们
  • 24小时售后:4006784567
  • 24小时TEL :0668-2555666
  • 售前咨询TEL:400-678-4567

  • 官方微信

    官方微信
Copyright  ©  QY  Network  Company  Ltd. All  Rights  Reserved. 2003-2019  群英网络  版权所有   茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078   粤ICP备09006778号
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
微信公众号
返回顶部
返回顶部 返回顶部