В этой статье поговорим о CSS и его преимуществах. Давайте еще раз вспомним что такое CSS:
CSS (Cascading Style Sheets, Каскадные Таблицы Стилей) — это формальный язык, созданный для управления стилями внешнего вида веб-страниц. Пример страницы web-документа без CSS:
Пример страницы web-документа оформленный с помощью CSS:
На примерах видно, что один и тот же сайт совершенно по-разному выглядит и конечно второй вариант лучше понравится пользователю данного сайта.
Именно поэтому если вы знаете язык гипертекстовой разметки и пишите небольшие сайты, тогда скорее изучайте CSS.
Основные преимущества CSS:
одновременное редактирование оформления сразу всех веб-страниц сайта;
более чистый код. После воплощения идеи о разделение содержания и оформления, веб-страницы уменьшились в коде и весе, соответственно увеличилась скорость их загрузки;
более широкий спектр возможностей по оформлению. Дизайн сайтов c технологией CSS намного красивее;
возможность оформления стилей для различных устройств (компьютеры, планшеты, смартфоны и т.п.);
разделение на классы. CSS позволяет редактировать не только весь сайт, но и отдельные группы элементов в отдельных веб-страницах.
Типы стилей
Различают несколько типов стилей, которые могут совместно применяться к одному документу. Это стиль браузера, стиль автора и стиль пользователя.
Стиль браузера
Оформление, которое по умолчанию применяется к элементам веб-страницы браузером. Это оформление можно увидеть в случае «голого» HTML, когда к документу не добавляется никаких стилей.
Стиль автора
Стиль, который добавляет к документу его разработчик.
Стиль пользователя
Это стиль, который может включить пользователь сайта через настройки браузера. Такой стиль имеет более высокий приоритет и переопределяет исходное оформление документа.