Концепция таблиц стилей впервые появилась в 1996 году, когда W3C опубликовал новую рекомендацию «Каскадные таблицы стилей» или сокращенно CSS.
Принцип таблиц стилей подразумевает использование единого документа для хранения характеристик макета страницы, связанных с группами элементов. Все это представляет собой определение набора значений и характеристик макета страницы по имени и вызова этих имён для применения к фрагменту текста. Например, Вы можете настроить отображение заголовков разделов в шрифте Arial, зелёным цветом, курсивом.
Таблицы стилей были разработаны для того, чтобы компенсировать недостатки HTML, когда вопрос касается макета страницы и дизайна. HTML имеет несколько тегов для изменения макетов и значений стилей текста, но каждый элемент имеет свой собственный стиль, независимо от окружающих элементов. Используя таблицы стилей, всякий раз, когда необходимо изменить внешний вид сайта, содержащего сотни веб-страниц, требуется только отредактировать значения таблицы стилей в одном месте, чтобы изменить внешний вид всего сайта! Они называются каскадными таблицами стилей, поскольку Вы можете задать значения нескольким страницам, и все стили можно будет применить к страницам (с заданной системой урегулирования конфликтов).
Таблицы стилей можно использовать:
Для достижения однородного внешнего вида сайта, путём использования единого значения стиля на каждой странице;
Чтобы изменить один компонент на веб-сайте, просто отредактировав несколько строк;
Чтобы сделать HTML-код более читаемым, поскольку стили заданы отдельно;
Чтобы страницы загружались быстрее, так как на каждой странице находится меньше HTML-кода;
Чтобы разместить элементы на страницы более однородно.
Изображение: © Liudmyla Marykon - Shutterstock.com