Что такое CSS? Что должен знать маркетолог!

Сайт состоит из множества разных страниц. При условии, что у нас есть какой-то элемент, который должен иметь одно и то же форматирование на разных страницах, чтобы эти условия форматирования не прописывать на каждой отдельной странице, программисты придумали документ, который назвали CSS — каскадные таблицы стилей.

CSS — формальный язык, служащий для описания оформления внешнего вида документа, созданного с использованием языка разметки (HTML, XHTML, XML).

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

Сайт как бы сообщает браузеру: «вот мой файл CSS — вот здесь посмотри, как должен выглядеть тот или иной документ, например, кегль, цвет шрифта, название шрифта и согласно этому покажи пользователю».

За счет использования CSS, содержимое и внешний вид были разделены. Это позволило ускорить загрузка страниц сайта и уменьшить нагрузку на сервер. Ведь теперь браузеры загружают лишь структуру документа в HTML и данные страницы, а визуальное оформление этих данных браузеру требуется загрузить только один раз для всех страниц и при переключении между страницами может браться из кэша.

Кратко говоря, работа CSS заключается в том, что он находит определенный элемент HTML и задает для него конкретное свойство, чтобы присвоить ему значение.