Каскадные таблицы стилей CSS. Захаркина В.В. - 7 стр.

UptoLike

ВУЗ: 

СПбГУ | Санкт-Петербург

Составители: 

Рубрика: 

12
Указание устройства вывода с помощью
команды @media
Еще один альтернативный вариант указания устройств вывода для
присоединяемых внешних таблиц стилей.
<head>
<style type="text/css">
@media print{body {color:black}};
@media screen{body {color:navy}};
</style>
</head>
Синтаксис CSS
Синтаксис CSS настолько прост, так основные его моменты можно
изложить в нескольких пунктах. Я рискну привести строгое описание
основных синтаксических моментов, сопровождая их интуитивно
понятными примерами.
• Таблицы стилей CSS нечувствительны к регистру, за исключением
возможно входящих в них элементов, которые не являются
объектами CSS (например, адресов файлов).
• Комментарии в таблицах стилей заключаются
в символы /* и */ ,
например
/* это комментарий */
• Правило стиля представляет собой конструкцию
селектор { блок объявлений }
Приведем в качестве примера простое правило стиля, задающее
заголовкам 1-го уровня шрифт размера 24 пиксела и розовый
(почему бы и нет) цвет:
h1 { font-size: 24px; color: pink }
13
Здесь селектором является имя HTML-элемента h1, а блок
объявлений указывается в фигурных скобках и представляет
собой описания в синтаксисе CSS. Уточнения приведены далее.
• Селектор указывает, к каким объектам применяется правило стиля.
Самый простой вид селектора – это просто указание элемента
HTML, к которому должно быть применено указанное правило
стиля. В предыдущем примере
это заголовок 1-го уровня.
Наиболее существенные виды селекторов описаны в следующем
разделе.
• Блок объявлений может быть пуст, либо содержит одно
объявление, либо представляет собой последовательность
объявлений, разделенных символом "точка с запятой".
• Объявление представляет собой конструкцию
свойство стиля: список значений
• Список значений может представлять собой одно значение, либо
(
для стенографических свойств) список значений,
разделенных пробелами, например:
color: red;
font-size: 12px;
border: red 1px solid;
• стенографические свойства (shorthand properties) позволяют
одновременно задать несколько свойств; значения свойств в
списке разделяются пробелами. Например, следующее описание
задает пунктирную рамку красного цвета шириной 2 пиксела:
border: dotted red 2px;
Исходя из изложенных выше синтаксических правил, приведем еще
один пример двух описаний стиля:
body { font-size: 12px }
h1 { font-size: 24px; color: red;
border: black 1px dotted }
Правила стиля для одного селектора можно (и нужно ради
рациональности) объединять. Следующий набор правил

Страницы