CSS外链怎么写,css外链式基本写法是什么
写法:1、“”;2、“”。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
href标签怎么用外部样式表(外链式)必须导⼊到⽹页⽂档中,才能够被浏览器识别和解析。外部样式表⽂件可以通过两种⽅法导⼊到 HTML ⽂档中。
1、使⽤ 标签导⼊
使⽤ 标签导⼊外部样式表⽂件:
对各个属性的说明:
href 属性设置外部样式表⽂件的地址,可以是相对地址,也可以是绝对地址。
rel 属性定义关联的⽂档,这⾥表⽰关联的是样式表。
type 属性定义导⼊⽂件的类型,同 style 元素⼀样,text/css表明为 CSS ⽂本⽂件。
⼀般在定义 标签时,应定义 3 个基本属性,其中 href 是必须设置属性。
也可以在 link 元素中添加 title 属性,设置可选样式表的标题,即当⼀个⽹页⽂档导⼊了多个样式表后,可以通过 title 属性值选择所要应⽤的样式表⽂件。
提⽰:在 Firefox 浏览器中可以在菜单中选择“查看 –> 页⾯样式”选项,然后在⼦菜单中会显⽰ title 属性值,只需选择不同的 title 属性值,可以有选择地应⽤需要的样式表⽂件。IE 浏览器不⽀持该功能。
另外,title 属性与 rel 属性存在联系,按 W3C 组织的计划,未来的⽹页⽂档会使⽤多个 元素导⼊不同的外部⽂件,如样式表⽂件、脚本⽂件、主题⽂件,甚⾄可以包括个⼈⾃定义的其他补充⽂件。导⼊这么多不同类型、名称各异的⽂件后,可以使⽤ title 属性进⾏选择,这时 rel 属性的作⽤就显现出来了,它可以指定⽹页⽂件初始显⽰时应⽤的导⼊⽂件类型,⽬前只能关联 CSS 样式表类型。
外部样式是 CSS 应⽤的最佳⽅案,⼀个样式表⽂件可以被多个⽹页⽂件引⽤,同时⼀个⽹页⽂件可以导⼊多个样式表,⽅法是重复使⽤link 元素导⼊不同的样式表⽂件。
2、使⽤ @import 关键字导⼊
在 @import 关键字后⾯,利⽤ url() 函数包含具体的外部样式表⽂件的地址。
对⽐
两种导⼊样式表的⽅法⽐较:
link 属于 HTML 标签,⽽ @import 是 CSS 提供的。
页⾯被加载时,link 会同时被加载,⽽ @import 引⽤的 CSS 会等到页⾯被加载完再加载。
@import 只在 IE 5 以上才能识别,⽽ link 是 HTML 标签,⽆兼容问题。
link ⽅式的样式的权重⾼于 @import 权重。
⼀般推荐使⽤ link 导⼊样式表的⽅法,@import 可以作为补充⽅法使⽤。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。