Преимущества CSS3
CSS3 имеет множество областей применения, и пользователи считают его одним из самых удобных и мощных инструментов. В чем же преимущества CSS3?
Использование таблицы стилей:
Задолго до разработки концепции каскадных таблиц стилей CSS3 для обозначения цвета, шрифтов, фона, границ и т.д. использовалась HTML-разметка. Но с введением каскадных таблиц все это стало возможным задавать в отдельной таблице стилей, в результате чего пользователи получили простой и удобный инструмент. С этим связан еще один плюс CSS3 – стало проще вносить изменения: можно изменять отдельные модули, которые после тестирования интегрируются с общей системой.
Дифференциация и изоляция:
Концепция CSS3 позволяет получить презентацию отдельно от структуры. Например, раньше для обозначения заголовка по центру странице полужирным шрифтом Arial синего цвета использовалась HTML-разметка такого вида:
<h2 align="center">
<font color="blue" size="6" face="Arial">
<i> Usage of CSS </i>
</font>
</h2>
Такой структурой трудно управлять, т.к. разметку нужно повторять для каждой рубрики везде, где это необходимо, что усложняет работу. Но использование каскадных таблиц стилей и CSS3 позволяет отделить презентацию от структуры. Есть четкое разграничение, где по таблице стилей определяются свойства презентации и структура документа, определенные в заголовке <h2>. Это выглядит так:
<h2> Benefits of Cascading style sheets </ h2>
h2 {
text-align: center;
color: blue;
font: bold "Arial";
}
Разделение обеспечивает более эффективную и удобную форму. Таким образом, модульный подход помогает развивать и поддерживать системы на основе модуля, давая системе большую гибкость.
Макет нескольких колонок:
Модуль на основе нескольких колонок (Multi-Column Module) – важная функция CSS3, позволяющая поместить текст в несколько столбцов. Преимущество для пользователей в том, что при чтении текста в нескольких колонках не нужно прокручивать вверх-вниз и вправо-влево, текст выглядит легким для чтения, в нем нет слишком коротких строк и, прежде всего, все может быть размещено на одной странице, что делает макет удобным и экономичным.
Гибкость в использовании:
Концепция каскадных таблиц стилей позволяет присоединить информацию CSS-стиля в виде отдельного документа или в виде вложения внутри HTML-документа. Также можно импортировать несколько таблиц стилей в любом месте. Пользователи могут указать альтернативные таблицы стилей, выбирая между ними по мере необходимости.
Обработка нескольких фоновых изображений:
Недостаток CSS2 заключался в том, что элемент мог иметь только одно фоновое изображение. В CSS3 этот недостаток устранен, и теперь есть возможность обработки нескольких фоновых изображений для каждого элемента.