Интересный блог Виталия Пискарева

Что такое CSS?

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

Веб-разработчик может использовать CSS-файл для управления внешним видом веб-сайта тремя основными способами. Первый способ называется inline, ссылаясь на то, что код помещается прямо в строку кода сайта.

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

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

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

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

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

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

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