CSS 문서에는 '@'을 이용한 특정기능을 하는 rule 들이 있습니다.

@charset

@charset 은 스타일 시트의 문자 인코딩을 설정할 수 있도록 합니다.
스타일 시트 문서의 최상단에 와야 합니다.
브라우저가 결정하는 css 인코딩 결정 우선 순위로는,
HTTP Content-Type -> @charset -> <link charset=""> 그래도 없으면 utf-8 로 인식합니다.

@import

@import 는 다른 스타일 시트에서 스타일을 가져올 수  합니다.
CSS2.1 에서는 @charset 을 제외하고는 문서에서 가장 앞에 와야 합니다.
URI를 문자열로 지정하는 방법과 url() 안에 지정하는 방법이 있습니다.

Media types 별로 스타일을 가져오고 싶다면 URI 뒤에 콤마(,)로 나열하면 됩니다.

@media

스타일 시트에서는 각기 다른 Media 마다 문서를 어떻게 표현할지를 지정할 수 있습니다.
각기 다른 Media 란 모니터, 프린터, 음성출력, 점자출력, 핸드폰 등이 있겠네요.
화면이 큰 모니터에 비해 모바일에서는 글자도 좀 더 크게 해야 할 것이고, 화면 분할도 필요할 것입니다.
(Media type : all, braille, embossed, handheld, print, projection, screen, speech, tty, tv)

스타일 시트에서는 Media type을 세가지 방법으로 지정할 수 있습니다.