Это первая вводная статья из раздела и предназначена для первоначального знакомства с CSS. В этой статье мы узнаем, что такое CSS и для чего он так необходим или просто не заменим.
Возможно, вы уже просматривали раздел по HTML, если нет, то стоит заглянуть для ознакомления. В одном из первых материалов - Что такое HTML?, мы можем узнать, что HTML – это язык разметки гипертекстовых документов и отвечает за расположение элементов в документе (на сайте). Все сайты состоят из html и css.
CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.
Теперь тоже понятие, только немного своими словами:
CSS – это набор параметров, с помощью которых задается внешнее представление объектов на сайте. Проще говоря, за дизайн сайта, как его видят пользователи в сети интернет, отвечает именно CSS.
Недостаточно просто написать сайт с помощью html разметки, всем элементам сайта нужно задать свое место и оформление (дизайн). С этой задачей нам и поможет справиться CSS, которая предоставляет большие возможности для оформления сайта.
HTML используется для структурирования содержимого страницы, а CSS для описания внешнего вида документа.
Например, на сайте имеются заголовки второго уровня:
<h2>Заголовок 2</h2>
И есть необходимость задать данному заголовку свой оригинальный дизайн, что бы он был написан курсивом, имел размер 20 пикселей и зеленый цвет.
С помощью всего одной небольшой записи, мы можем выполнить все наши требования:
h2{
font-size: 20px;
color: green;
}
Вот таким простым способом мы можем задать свой дизайн заголовкам второго уровня на всем сайте.
Все эти параметры, таблицы стилей содержаться в файлах с разрешением .css.
и подключаются специальной командой к документу, где у нас содержится html разметка.
Это всего лишь первая ознакомительная статья и предназначена рассказать, для чего нужен CSS и как он может быть нам полезен.
В следующих статьях это будет разобрано более подробно.
Всем удачи!