怎样在外连接css文件
外链接css文件的方法:1、使用link标签链接外部css文件,语句如“link rel="stylesheet" tyPE="text/css" href=".css" /> ”;2、使用@import规则导入外部css文件。
本教程操作环境:windows7系统、HTML5& & CSS3版本,DELL G3电脑。
推荐:css视频教程
有两种连接外部CSS文件的方法
使用link标签链接外部css文件
使用@import规则导入外部css文件
1、使用link标签链接外部css文件(链接式)
当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。
链接一个外部样式表:
head> link rel="stylesheet" type="text/css" href="theme.css" /> /head> link> 标签定义文档与外部资源的关系。link> 标签最常见的用途是链接样式表。
注意: link 元素是空元素,它仅包含属性。link元素只能存在于 head 部分,不过它可出现任何次数。
2、使用@import规则导入外部css文件(导入式)
style> @import 'style.css' //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别@import "style.css" //Windows IE4/ NS4, Macintosh IE4/NS4不识别@import url(style.css) //Windows NS4, Macintosh NS4不识别@import url('style.css') //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别@import url("style.css") //Windows NS4, Macintosh NS4不识别/style>
link和import的区别
link是XHTML标签,除了加载css外,还可以定义RSS等其他事务;而@import属于CSS范畴,只能加载CSS;
link引用CSS时,在页面载入时同时加载;而@import需要页面网页完全载入以后加载。
link是XHTML标签,无兼容问题;而@import是在CSS2.1提出的,低版本的浏览器不支持。
ink支持使用Javascript控制DOM去改变样式;而@import不支持。
@import可以在CSS文件中再次引入其他样式表;而link不支持。
以上就是怎样在外连接css文件的详细内容,更多请关注其它相关文章!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 怎样在外连接css文件
本文地址: https://pptw.com/jishu/588736.html