首页 > Web开发 > 详细

css引入的方式有哪些?Link和@import的区别是什么?

时间:2017-11-12 11:59:07      阅读:306      评论:0      收藏:0      [点我收藏+]

css引入方式:

  1.内联样式(行内样式/行间样式):直接写在HTML标签里

    例如:

      <p style="color: #00AFC7; font: arial;"></p>

  2.内部样式:写在head与head之间

    例如:

      <style>

        css样式

      </style>

  3.外部样式:需要引用才能生效

    例如:

      1>.<link  rel="stylesheet"  href="../css/123.css" />

      2>.@import  url(../css/123.css)

link 和 @import 的区别:

      区别1:

          link是XHTML标签,除了加载css外,还可以定义RSS等其他事务;@import属于css范畴,只能加载css。

      区别2:

          link引入css时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。

      区别3:

          link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。

      区别4:

          link支持使用JavaScript控件DOM去改变样式;而@import不支持。

 

css引入的方式有哪些?Link和@import的区别是什么?

原文:http://www.cnblogs.com/weiyuxi/p/7821220.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!