CSS — Каскадные Таблицы Стилей

CSS (Cascading Style Sheets — «каскадные таблицы стилей») — технология описания внешнего вида документа, написанного языком разметки. Преимущественно используется как средство оформления web-страниц в формате HTML и XHTML, но может применяться с любыми видами документов в формате XML, включая SVG и XUL.

Обзор

CSS используется создателями web-страниц для задания цветов, шрифтов, расположения и других аспектов представления документа. Основной целью разработки CSS являлось разделение содержимого (написанного на HTML или другом языке разметки) и представления документа (написанного на CSS). Это разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печать, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими Шрифт Брайля.

CSS при отображении страницы может быть взята из различных источников:

  • Авторские стили (информация стилей, предоставляемая автором страницы) в виде:
    • Внешних таблиц стилей, то есть отдельного файла .css, на который делается ссылка в документе.
    • Встроенных стилей — блоков CSS внутри самого HTML-документа.
    • Inline-стилей, когда в HTML-документе информация стиля для одного элемента указывается в его атрибуте style.
  • Пользовательские стили
    • Локальный CSS-файл, указанный пользователем в настройках браузера, переопределяющий авторские стили, и применяемый ко всем документам.
  • Стиль браузера
    • Стандартный стиль, используемый браузером по умолчанию для представления элементов.

Таблица стилей состоит из набора правил. Каждое правило, в свою очередь, состоит из одного или нескольких селекторов, разделённых запятыми, и блока определений. Блок определений же обрамляется фигурными скобками, и состоит из набора свойств и их значений.

Схематически это можно показать так:

селектор, селектор { свойство: значение; свойство: значение; свойство: значение; }

Стандарт CSS определяет приоритеты, в порядке которых применяются правила стилей, если для какого-то элемента подходят свойства нескольких правил одновременно (или, в редких случаях, в одном правиле есть одноименные свойства). Это называется «каскадом», в котором для свойств рассчитываются приоритеты или «веса», что делает результаты предсказуемыми.

Приоритеты рассчитываются таким образом (от большего к меньшему):

  1. свойство задано при помощи !important?
  2. стиль прописан напрямую в теге?
  3. количество идентификаторов (#id) в селекторе (чем больше, тем больше приоритет);
  4. количество классов (.class) и псевдоклассов (:pseudoclass) в селекторе;
  5. количество имён тегов в селекторе;

Кроме того, имеет значение относительный порядок расположения свойств — свойство, указанное позже, имеет приоритет.

p {
font-family: "Garamond", serif;
}
h2 {
font-size: 110 %;
color: red;
background: white;
}
.note {
color: red;
background: yellow;
font-weight: bold;
}
p#paragraph1 {
margin: 0;
}
a:hover {
text-decoration: none;
}
# news p {
color: blue;
}

Login:
Password:








Украина онлайн


тостыкаталог сайтовкаталог ссылокпартнеры тост дня
ERA.COM.UA
интернет портал

[Free-Search.org.ua] - Бесплатный каталог сайтов

Отличный каталог сайтов


Copyright © 2009 group of php software developers