页面布局



  媒体查询：CSS中可以使用media属性使特定的style(样式)在指定媒体设备中显示。
   媒体设备类型：1.PC。2.平板电脑。3.手机。
   媒体查询方式：1.通过HTML style元素查。2.
通过CSS代码查询
。3.通过CSS @import语句查询
。
   媒体属性：
 
        1.颜色 (Color)
指定输出设备每个像素单元的比特值。如果设备不支持输出颜色，则该值为0。
        2.
设备宽度（device-width）
描述了输出设备的宽度（整个屏幕或页的高度，而不是仅仅像文档窗口一样的渲染区域）。        3.宽度（width）
width 媒体属性描述了输出设备渲染区域（如可视区域的宽度或打印机纸盒的宽度）的宽度。
        4.
黑白（monochrome）
指定了一个黑白（灰度）设备每个像素的比特数。如果不是黑白设备，值为0。   大多数媒体属性带有“min-”和“max-”前缀，用于表达“大于等于”和“小于等于”。
   媒体查询操作符
：
        1.and 操作符用来把多个 媒体属性 组合起来，合并到同一条媒体查询中。只有当每个属性都为真时，这条查询的结果才为真。
                      2.not
操作符用来对一条媒体查询的结果进行取反。
 
        3.only可以通过它让选中的样式在老式浏览器中不被应用
 4.逗号分隔的列表