css如何引入外部样式表

这篇文章将为大家详细讲解有关css如何引入外部样式表,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

引入方法:1、使用链接标签引入,语法“& lt;链接href=https://www.yisu.com/zixun/眂ss文件路径" rel="样式表"/>”;2、在风格标签内使用“@ import”规则引入,语法”@ import url (“css文件路径”);“。

本教程操作环境:windows7多系统,CSS3&, HTML5版,戴尔G3电脑。

外部样式表必须导入到网页文档中,才能够被浏览器识别和解析。外部样式表文件可以通过两种方法导入到HTML文档中。

<强> 1,使用& lt;每日标签导入

使用& lt;每日标签导入外部样式表文件:

& lt; link  href=https://www.yisu.com/zixun/蓖獠垦奖砦募肪丁眗el="样式表" type=" text/css "/>

对各个属性的说明:

<李>

<代码> href 属性设置外部样式表文件的地址,可以是相对地址,也可以是绝对地址。

<李>

<代码> rel 属性定义关联的文档,这里表示关联的是样式表。

<李>

<代码> 类型属性定义导入文件的类型,同风格元素一样,文本/css表明为css文本文件。

一般在定义& lt;每日标签时,应定义三个基本属性,其中href是必须设置属性。

也可以在链接元素中添加标题属性,设置可选样式表的标题,即当一个网页文档导入了多个样式表后,可以通过标题属性值选择所要应用的样式表文件。

提示:在Firefox浏览器中可以在菜单中选择“查看——比;页面样式”选项,然后在子菜单中会显示标题属性值,只需选择不同的标题属性值,可以有选择地应用需要的样式表文件.IE浏览器不支持该功能。

另外,标题属性与rel属性存在联系,按W3C组织的计划,未来的网页文档会使用多个& lt;每日元素导入不同的外部文件,如样式表文件,脚本文件,主题文件,甚至可以包括个人自定义的其他补充文件。导入这么多不同类型,名称各异的文件后,可以使用标题属性进行选择,这时rel属性的作用就显现出来了,它可以指定网页文件初始显示时应用的导入文件类型,目前只能关联CSS样式表类型。

外部样式是CSS应用的最佳方案,一个样式表文件可以被多个网页文件引用,同时一个网页文件可以导入多个样式表,方法是重复使用链接元素导入不同的样式表文件。

<强> 2,使用@ import关键字导入

在& lt; style>标签内使用<代码> @ import> & lt; style 类型=拔谋?css"比; 　　@import  url(“外部样式表文件路径“); 　　& lt;/style>

在<代码> @ import>

对比

<强>两种导入样式表的方法比较:

<李>

链接属于HTML标签,而@ import是CSS提供的。

<李>

页面被加载时,链接会同时被加载,而@ import引用的CSS会等到页面被加载完再加载。

<李>

@ import只在IE 5以上才能识别,而链接是HTML标签,无兼容问题。

<李>

链接方式的样式的权重高于@ import权重。

一般推荐使用链接导入样式表的方法,@ import可以作为补充方法使用。

关于“CSS如何引入外部样式表”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。

css如何引入外部样式表