zoukankan      html  css  js  c++  java
  • css属性之媒体(Media)类型

      样式单的一个最重要的特点就是它可以作用于多种媒体,比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体,如"font-size"属性只对可卷动的媒体类型有效(屏幕)。

      声明一个媒体属性可以用@import或@media引入:

    以下是引用片段:
    @import url(loudvoice.css) speech;
    @media print {
    /* style sheet for print goes here */

      也可以在文档标记中引入媒体:

    以下是引用片段:
    <link rel="stylesheet" type="text/css" media="print" href="foo.css"> 

      可以看出,@import和@media的区别在于,前者引入外部的样式单用于媒体类型,后者直接引入媒体属性。@import的使用方法是@import加样式单文件的URL地址再加媒体类型,可以多个媒体共用一个样式单,媒体类型之间用","分割符分开。@media用法则是把媒体类型放在前面,其他规则和rule-set基本一样。下面列出各种媒体类型:

      SCREEN:指计算机屏幕。

      PRINT:指用于打印机的不透明介质。

      PROJECTION:指用于显示的项目。

      BRAILLE:盲文系统,指有触觉效果的印刷品。

      AURAL:指语音电子合成器。

      TV:指电视类型的媒体。

      HANDHELD:指手持式显示设备(小屏幕,单色)

      ALL:适合于所有媒体。

  • 相关阅读:
    C# 对串口的操作
    【STM32】手册理解
    【LCD MENU】710
    【交流采集——RMS(均方根)】电压和电流
    【DMA】配置及使用
    【ADC】ADC初始化的注意事项
    【电源】开关型功率变换器的基本结构
    【单片机】【710】逆变
    【单片机】【710】PWM
    【单片机】【710】振荡器和系统时钟
  • 原文地址:https://www.cnblogs.com/fumj/p/2791975.html
Copyright © 2011-2022 走看看