Тематическая группа (веб-дизайн): [ Ссылка ]
Официальный паблик в ВК: [ Ссылка ]
Рубрика по теме в блоге: [ Ссылка ]
Не забудь подписаться и нажать палец вверх: [ Ссылка ]
Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223
Структуру шаблона сайта мы создаем при помощи HTML: для этого в редакторе мы пишем специальные теги, на основе которых браузер создает элементы веб-страницы или HTML элементы. Поведение, как и внешний вид элементов мы можем менять при помощи HTML атрибутов, но, к счастью, атрибуты – это не единственное средство для оформления веб-страниц.
На данный момент большая часть веб-разработчиков придерживается следующего правила: структуру нужно отделять от оформления и поведения. Оформление веб-страниц реализуется при помощи CSS или каскадных таблиц стилей.
CSS позволяет изменять положение и вид HTML элементов на странице в браузере. С положением, думаю, все понятно, а к виду относятся следующие характеристики: высота, ширина, цвет, тени, рамки, форма и другие параметры HTML элементов. При всем при этом оформление и положение HTML элемента может изменяться от устройства и размера экрана или от того, где находится курсор мыши пользователя (и это всё реализуется при помощи CSS).
Также стоит заметить, что в данном случае для нас HTML и CSS – тесно связанные технологии не работающие друг без друга. При помощи HTML мы создаем структуру веб-страницы и ее содержимое, а при помощи CSS мы превращаем простой текст в интересный макет, который нарисовал дизайнер, например, в Photoshop или любом другом графическом редакторе.
Подведем итого: CSS – это язык, но не языке программирования, а язык стилей, который используется для оформления HTML-документов в целом и веб-страниц в частности. В дальнейшем под фразой HTML-документ я буду иметь в виду веб-страница и наоборот.
