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

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;

   다른 하나는