아래에는 CSS에서 주요한 @특수 키워드와 간단한 설명을 제공합니다:
@media
: 특정 미디어 유형 또는 장치에 스타일을 적용하기 위해 사용됩니다. 미디어 쿼리를 사용하여 화면 크기, 장치 종류 등과 같은 미디어 특성에 따라 스타일을 지정할 수 있습니다.
@font-face
: 웹 폰트를 사용하기 위해 사용됩니다. 사용자의 컴퓨터에 폰트를 다운로드하여 사용할 수 있도록 하는 규칙을 정의합니다.
@keyframes
: 애니메이션 키프레임을 정의하는 데 사용됩니다. 애니메이션의 각 단계를 지정하고 해당 단계에서의 스타일을 설정할 수 있습니다.
@import
: 다른 CSS 파일을 현재 스타일 시트에 가져오는 데 사용됩니다. 외부 스타일 시트를 로드하거나 현재 스타일 시트 내에서 다른 CSS 파일을 포함할 수 있습니다.
@supports
: 특정 CSS 속성이 브라우저에서 지원되는지 여부를 확인하는 데 사용됩니다. 조건부로 스타일을 적용할 수 있습니다.
@page
: 인쇄 스타일을 설정하기 위해 사용됩니다. 프린트 페이지의 여백, 헤더, 푸터 등을 지정할 수 있습니다.
@charset
: 스타일 시트의 문자 인코딩을 지정하기 위해 사용됩니다. 주로 UTF-8과 같은 유니코드 문자 인코딩을 설정합니다.
@namespace
: XML 네임스페이스를 정의하기 위해 사용됩니다. XML 문서와 연결된 네임스페이스를 설정하고 스타일을 적용할 수 있습니다.
이것은 주요한 @특수 키워드의 일부입니다. 각 키워드는 CSS에서 특정 목적을 위해 사용되며, 스타일 시트를 더욱 강력하고 유연하게 만들어줍니다.