@-правила в CSS

@-правила в CSS

Собака

Здравствуйте, уважаемые читатели!

Собственно, разговор пойдет о правилах @charset, @import, @media и весьма популяром @font-face, позволяющем применять свои шрифты в сайтостроении.

@charset

Это правило изначально декларируется в самом начале файла и указывает на кодировку, применяемую в данном файле стилей. Правило @charset пишется в первой строке и не содержит тех или иных символов перед собой. К примеру, строка для кодировки UTF-8:

@charset "UTF-8"

@media

Это правило позволяет в файле стилей прописать определенные правила, применяемые для определенного типа устройств.

К примеру, следующее правило будет работать исключительно для печатных устройств:

@media

@import

Настоящее правило позволяет включать файлы CSS друг в друга. Правило @import, как и предыдущее правило @charset, необходимо располагать в начале страницы. Для примера, рассмотрим ситуацию, когда указанный файл стилей не нужно подключать к браузеру IE6 версии и ниже:

@import (/not-for-ie.css) screen;

В этом примере используется медиатип screen, что значит – экран монитора. Еще бывают медиатипы: all – для всех, работает по умолчанию; aural – для речевых синтезаторов и программ воспроизведения текста речью; braille – устройства для слепых; tv – телевизоры; handheld – КПК и другие мобильные девайсы; print – приспособления для печати; projection — проекторы.

@font-face

С помощью этого правила вы сможете подключить и использовать в своем проекте нестандартные шрифты. Все популярные браузеры полностью поддерживают это правило, но следует учитывать, что IE, все же, имеет некие ограничения на возможности подключения шрифтов.

Пример использования этого правила выглядит нижеприведенным образом:

@font-face

Дискуссия по теме