>웹 프론트엔드 >CSS 튜토리얼 >CSS3 미디어에 대해 자세히 알아보기

CSS3 미디어에 대해 자세히 알아보기

高洛峰
高洛峰원래의
2017-03-28 17:36:351571검색

css3 미디어

미디어 유형 미디어 유형

미디어 유형은 CSS2에서 매우 유용한 속성입니다. 미디어 유형을 사용하면 다양한 장치에 대해 다양한 스타일을 지정할 수 있습니다.
W3C는 표와 같이 총 10가지 미디어 유형을 나열합니다.

设备类型
all 所有设备
Braille 盲人用点字法触觉回馈设备
Embossed 盲文打字机
Handheld 便携设备
Print 打印用纸或打印预览视图
Projection 各种投影设备
Screen 电脑显示器
Speech 语音或音频合成器
TV 电视机类型设备
Tty 使用固定密度字母栅格的媒介,比如电传打字机和终端

그 중 스크린, 전체, 인쇄가 가장 일반적인 세 ​​가지 미디어 유형입니다.

미디어 유형 참조 방법

  1. 링크 방법: 태그가 스타일을 참조할 때 미디어 유형을 도입하고 이를 통해 지정합니다. 미디어 속성 다양한 미디어 유형.

    <link rel="stylesheet" type="text/css" href="style.css" media="screen">
  2. xml 방식: 링크에서 소개하는 미디어 유형과 유사하며, 미디어 속성을 통해서도 지정됩니다.

    <?xml-stylesheet type="text/css" media="screen" href="style.css">
  3. @import方法: @import는 스타일 파일을 참조하는 방법 중 하나이며, 유형을 참조하는 데에도 사용할 수 있습니다. @import미디어 유형을 소개하는 방법은 크게 두 가지입니다.

    하나는 스타일 파일의 @import을 통해 다른 파일을 호출하는 것입니다.

    @import url(style.css) screen;

    다른 하나는