Синтаксис и принцип работы CSS

Назначение и применение CSS.

ОСНОВЫ CSS

CSS- Cascading Style Sheets – в переводе Каскадные таблицы стилей.CSS значительно облегчает и автоматизирует создание веб-сайтов. Каскадные таблицы стилей открывают совершенно новые возможности в веб-дизайне.

Сделать качественный дизайн без их использования очень проблематично.

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

Стиль - это набор параметров, задающий внешнее представление некоторого объекта в той или иной среде.

CSS работает со шрифтами, полями, таблицами, отступами, картинками и др. и представляет значительно более широкие возможности, чем простой html.

Основные преимущества CSS:

· управление дизайном любого количества документов с помощью одной таблицы стилей;

· более точный дизайн страниц, поддерживаемый всеми браузерами;

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

· новые расширенные возможности по сравнению с обычным html

Синтаксис и принцип работы CSS

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

В CSS, в отличие от HTML, нет ни элементов, ни атрибутов, ни тегов. Основной структурной единицей в CSS является правило, которое определяет, как будет выглядеть тот или иной элемент в документе.

Рассмотрим структуру правила:

Селектор - это HTML элемент, которому вы хотите придать определенный стиль. Непосредственно за селектором, пишется блок объявления стилей, который обязательно заключается в фигурные скобки.

Каждое объявление состоит из свойства и значения.

Свойство - это атрибут стиля, который вы хотите изменить. Каждое свойство имеет значение.

После свойства ставится двоеточие.

Правило может содержать в себе несколько объявлений. В таком случае они должны быть отделены друг от друга точкой с запятой.

Показанное выше правило указывает на то, что все заголовки первого уровня в документе будут голубого цвета с размером шрифта 14 пикселей.

Чтобы сделать код CSS более читаемым, вы можете располагать одно объявление на одной строке, например так:

CSS Комментарии

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

CSS комментарий начинается с "/*", и заканчивается "*/".

/*Это комментарий*/
p
{
text-align:center;
/*Это другой комментарий*/
color:black;
font-family:arial;
}