媒体查询的方式

使用媒体查询的三种方式
   1、直接在css中使用
        @media 类型(常选all/screen) and (条件1) and (条件2) {
       　　 css选择器{
      　　　　  css属性：属性值；
      　　  }
        }

   2、使用link链接css，media属性可以设置媒体查询方式：
        <link rel="stylesheet" href="css/02-响应式布局.css" media=" all and (max-width:800px)" />

   3、使用import导入，直接在url()后面使用空格，间隔媒体查询规则：
         @import url("css/02-响应式布局.css") all and (max-width:800px);