г. Москва, Новокуркинское шоссе, дом 51
ПН-СБ с 10:00 до 20:00, ВС — выходной
+7 (495) 545-48-18 Обратный звонок

Css – введение

Что такое каскадные таблицы стилей? Где и зачем они применяются? Давайте рассмотрим эти моменты. Смысл каскадных таблиц стилей легко понять на следующем примере.

Предположим на странице у нас есть два абзаца. Допустим, мы хотим сделать их шрифтом Verdana, размером 12 и цветом темно-серым. Для этого мы должны прописать тег font, добавить к нему атрибуты size, color и указать все необходимые параметры. Нам необходимо сделать это для всех абзацев на странице, которых у нас очень много. Мы все это сделали. Теперь на каждой странице все абзацы у нас такие как нам необходимо. Через некоторое время у нас меняется дизайн сайта, и нам опять необходимо менять допустим, шрифт абзацев. Что мы делаем. Это опять открываем огромное количество страниц, и заменяем атрибуты на новые значения. То же самое с изображениями. Например, во всех изображениях мы захотели сделать рамки. Согласитесь, что это не очень удобно, особенно если Ваш сайт будет постоянно расти, и дизайн будет постоянно дорабатываться. Это будет просто катастрофически убивать огромное количество времени, и здесь необходимо использовать другое решение. Как действуют таблицы стилей, и чем она сможет нам помочь?

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

Например:

p{

font-family:Verdana;

font-size:12px;

color:#000000:

}

.sk{

font-weight:bold;

color:#424242:

}

У правила есть определенное имя, например .sk, и в этом правиле прописаны определенные параметры. Шрифт будет жирный, а цвет серый. Что это нам дает? Эта таблица стилей подключается к html странице, и соответственно подключаем эти правила. Теперь мы можем прописать любому тегу с помощью атрибута class любое правило, например .sk, и этот тег начнет отображаться в соответствии с этим правилом. Таких правил мы можем создавать огромное множество. При этом мы можем задать общее правило для всех тегов p. Такую таблицу мы можем подключить ко всем страницам на нашем сайте, и на всех страницах абзацы будут отображаться, в соответствии с этим правилом. Посмотрите, насколько это стало удобно! Например, мы хотим, чтобы какой ни-будь абзац отличался от остальных абзацев. Для него мы создаем отдельное правило, в данном случае .sk,  и прописываем этому абзацу определенное правило. Теперь, если в один прекрасный день, нам необходимо будет заменить на всех страницах нашего сайта цвет и шрифт у абзацев, то нам достаточно будет открыть css таблицу и поменять в ней эти параметры только один раз, и на всех страницах сайта все поменяется. Вот так работает таблица стилей. Как Вы видите, это очень удобно.

Задайте вопрос нашему специалисту

Вверх