Таблицы стилей и их практическая польза

US RU
Задать вопрос
Концепция таблиц стилей впервые появилась в 1996 году, когда W3C опубликовал новую рекомендацию «Каскадные таблицы стилей» или сокращенно CSS.

CSS - таблицы стилей

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

Предназначение таблиц стилей

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

Применение таблиц стилей

Таблицы стилей можно использовать:


Для достижения однородного внешнего вида сайта, путём использования единого значения стиля на каждой странице;


Чтобы изменить один компонент на веб-сайте, просто отредактировав несколько строк;

Чтобы сделать HTML-код более читаемым, поскольку стили заданы отдельно;

Чтобы страницы загружались быстрее, так как на каждой странице находится меньше HTML-кода;

Чтобы разместить элементы на страницы более однородно.

Изображение: © Liudmyla Marykon - Shutterstock.com
Jean-François Pillou

Жан-Франсуа Пиллу (Jean-François Pillou) – основатель ССМ
Жан-Франсуа Пиллу, более известный как Джефф, – основатель сайта CommentCaMarche.net, генеральный директор CCM Benchmark и технический директор Figaro Group.

Подробнее о команде CCM