zoukankan      html  css  js  c++  java
  • @import

    @import的具体语法

    @import <url> <media_query_list>

    <media_query_list>:[<media_query>[',' <media_query>]*]?

    <media_query>:[only | not]? <media_type> [and <expression>]* | <expression> [and<expression>]*

    <expression>:'('<media_feature>[:<value>]?')'

    @import的取值介绍

    <url>
    使用绝对或相对地址指定导入的外部样式表文件。可以是url(url)或者直接是一个url
    <media_query_list>
    指定媒体类型查询条件

    @import的使用说明

    指定导入的外部样式表及目标媒体。
    • 该规则必须在样式表头部最先声明。并且其后的分号是必需的,如果省略了此分号,外部样式表将无法正确导入,并会生成错误信息。
    • IE使用@import无法引入超过35条的样式表。
    • 使用url(url)和直接使用url需要注意的地方:

      示例代码:

      @import url("global.css");
      @import url(global.css);
      @import "global.css";
      

      以上3种方式都有效。当使用url(url)的方式时,包住路径的引号可有可无;当直接使用url时,包住路径的引号必须保留。

    • 指定媒体查询:

      示例代码:

      @import url(example.css) screen and (min-800px);
      @import url(example.css) screen and (800px),(color);
      @import url(example.css) screen and (min-device-500px) and (max-device-1024px);

    @import的浏览器兼容性

      IE 9 +

    1. IE7及更早浏览器不支持@import指定媒体类型和媒体查询。
    2. IE8不支持@import指定媒体查询。

    @import的完整演示案例

    <!DOCTYPE html>
    <html lang="zh-cn">
    <head>
    <meta charset="utf-8" />
    <title>CSS @import详解-CSS教程</title>
    <meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />
    <style>
    @import url("style.css") screen, print;
    </style>
    </head>
    <body>
    
    </body>
    </html>
    			
    

      

    https://www.tongbiao.xyz/
  • 相关阅读:
    ngInclude与script加载模板
    ng-model-options
    angular模板加载 ----ng-template
    ngBind ngBindTemplate ngBindHtml
    ng-switch
    ng-show与ng-if区别
    运维教给我什么
    路漫漫其修远兮,吾将上下而求索
    那些让我们继续坚持下去句子
    随手记
  • 原文地址:https://www.cnblogs.com/tongbiao/p/9064408.html
Copyright © 2011-2022 走看看