Здравствуйте, уважаемые читатели!
Собственно, разговор пойдет о правилах @charset, @import, @media и весьма популяром @font-face, позволяющем применять свои шрифты в сайтостроении.
@charset
Это правило изначально декларируется в самом начале файла и указывает на кодировку, применяемую в данном файле стилей. Правило @charset пишется в первой строке и не содержит тех или иных символов перед собой. К примеру, строка для кодировки UTF-8:
@charset "UTF-8"
@media
Это правило позволяет в файле стилей прописать определенные правила, применяемые для определенного типа устройств.
К примеру, следующее правило будет работать исключительно для печатных устройств:
@import
Настоящее правило позволяет включать файлы CSS друг в друга. Правило @import, как и предыдущее правило @charset, необходимо располагать в начале страницы. Для примера, рассмотрим ситуацию, когда указанный файл стилей не нужно подключать к браузеру IE6 версии и ниже:
@import (/not-for-ie.css) screen;
В этом примере используется медиатип screen, что значит – экран монитора. Еще бывают медиатипы: all – для всех, работает по умолчанию; aural – для речевых синтезаторов и программ воспроизведения текста речью; braille – устройства для слепых; tv – телевизоры; handheld – КПК и другие мобильные девайсы; print – приспособления для печати; projection — проекторы.
@font-face
С помощью этого правила вы сможете подключить и использовать в своем проекте нестандартные шрифты. Все популярные браузеры полностью поддерживают это правило, но следует учитывать, что IE, все же, имеет некие ограничения на возможности подключения шрифтов.
Пример использования этого правила выглядит нижеприведенным образом:
