美文网首页前端开发
css引入的方式?页面导入样式时,使用link和@import有

css引入的方式?页面导入样式时,使用link和@import有

作者: 李轻舟 | 来源:发表于2019-01-20 13:56 被阅读58次

    css有三种引入方式:

    在页面上用<link>标签引用文件,页面上在<style>标签里写css样式,在标签的style属性里写样式,对于代码管理的考虑,第一种是比较好的。

    link和@import的区别:

    (1)link写在html页面中,只能存在于 head 部分,而@import写在CSS文件中。

    (2)link属于XHTML标签,除了加载CSS外,还能用于定义RSS, 定义rel连接属性等作用,而@import是CSS提供的,只能用于加载CSS;

    (3)一般情况下,开发时把css样式文件的引用放在页面顶部,link会按照顺序加载,而@import引用的CSS会等到页面被加载完再加载;

    (4)import是CSS2.1 提出的,只在IE5以上才能被识别,而link是XHTML标签,无兼容问题;

    注:

    在html页面中,link标签引用css文件,script标签引用js文件,对于新的HTML5规范,由于现代浏览器默认的script标签里是js代码,script的type属性默认是 text/javascript,因此如果一个script标签里是js代码或引用的是js文件,那么标签里不需要写type=text/javascript,但是如果不是js那就需要添加type。type这个东西是表示标签中脚本的类型的。

    相关文章

      网友评论

        本文标题:css引入的方式?页面导入样式时,使用link和@import有

        本文链接:https://www.haomeiwen.com/subject/dmyxjqtx.html