Что такое CSS? онлайн урок.



Для полноценного оформления веб-страницы, как правило, не достаточно средств одного лишь HTML. Для этого используются каскадные таблицы стилей - CSS (Cascade Style Sheet).

CSS из себя представляет специальный язык, который фактически дополняет существующую разметку. Этот язык не является языком программирования и обрабатывается браузером.

Основное предназначение CSS - разделить на синтаксическом уровне структуру страницы и ее визуальное оформление, а также ускорить загрузку страницы в окне браузера. Повышение скорости загрузки страницы основано на том, что если стили были описаны в отдельном файле, то он будет загружен только при первой загрузке страницы. Далее он кэшируется браузером и более не загружается при открытии веб-документа, т.к. он уже доступен в самом браузере.

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

Синтаксис CSS выглядит следующим образом:

selector {
  property-1 : value-1;
  property-2 : value-2;
    ...
  property-N : value-N;
}


В качестве селектора специальным образом указывается некоторая группа элементов веб-документа либо название определенного тега. Далее, в фигурных скобках указывается необходимое количество пар свойство-значение, которые будут применены к элементам, соответствующим селектору.

Рассмотрим простой пример:

 p {
  color: red;
  font-weight: bold;
}


Этот стиль означает, что в каждом абзаце <p> будет установлен красный цвет шрифта и сам шрифт будет жирным.

В следующих уроках мы раскроем вопросы о том, как подключать стили к разметке веб-документов, какими могут быть селекторы и рассмотрим основные стилевые свойства.