网页中引用外部CSS有两种方式,即:@import与link的区别

 为什么使用link
    使用link方式一个最主要的原因就是可以让用户切换CSS样式。浏览器如Firefox,Opera,Safari都支持rel=”alternate stylesheet”属性。
    link
    把外部CSS与网页连接起来,具体形式 <link rel="stylesheet" type="text/css" href="style.css">。href="<%=basePath%>css/style.css"
     为什么使用@import
     因为低版本的浏览器是不支持link方式的,可以使用@import来引入只让高版本浏览器解析的CSS样式。另一个主要的原因就是当你的网页需要引入几个外部CSS文件时,你可以使用link引入一个CSS,然后在这个CSS文件中用@import方式引入其它几个CSS文件,这样看起来更容易管理。
    import
    把在一个CSS文件中引入其它几个CSS文件,具体形式 <!--
  @import url("styles.css");
  -->
    到底要用那种方式
    目前小型的网站还是使用link比较合适,如果需要把CSS进行模块化管理也肯定要用到@import。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

«    2024年11月    »
123
45678910
11121314151617
18192021222324
252627282930
搜索
标签列表
网站分类
最新留言
    文章归档
    友情链接

    Powered By Z-BlogPHP 1.7.3

    Copyright Your WebSite.Some Rights Reserved.闽ICP备11018667号-2