Процесс обучения веб-дизайну начинается с вопроса о том, что такое CSS. Ведь именно этот язык позволяет полностью изменять внешний вид ваших документов. Предлагая грамотную альтернативу устаревшим тегам, используемым в обычном гипертекстовом языке, CSS дает возможность гибко настраивать все значимые части страницы. Консорциум всемирной паутины рекомендует использовать именно каскадные таблицы стилей для определения дизайна веб-документов. Из этой статьи вы узнаете, что такое CSS, а также где он применяется.
Определение
CSS является аббревиатурой от английского Cascading Style Sheets, что в переводе на русский значит "каскадные таблицы стилей". Как таковым отдельным языком программирования CSS нельзя считать, так как он не имеет значения без документов, построенных на HTML или XHTML.
Стили CSS неразрывно связаны с интернет-страницами. Современная всемирная паутина имела бы слишком тусклый и невзрачный вид без этих самых таблиц. Они позволяют вносить уникальные изменения и делать невероятный дизайн страниц, используя довольно простой язык. CSS был опубликован в 1996 году, и с тех пор имеет огромную популярность, ведь логической замены этих таблиц стилей не существует. Все файлы, написанные на этом языке, имеют расширение .css.
Разработчики при создании каскадных таблиц стилей пытались как можно больше упростить работу веб-дизайнеров. При этом была поставлена основная цель: разделить логическую структуру документа, которая управляется при помощи HTML или XHTML, и описать внешний вид. Каскадные таблицы стилей позволяют изменять шрифт, цвет, фон, положение элементов, интервалы и многое другое.
Сущность
CSS-стили устроены по предельно простому принципу. Здесь нет сложных правил и заумных терминов. Достаточно выбрать нужный элемент и назначить к нему необходимое свойство. То есть можно взять тег <p> и изменить шрифт и цвет символов, которые находятся внутри него. При этом каждому такому элементу документа будет присвоено данное свойство. Нет необходимости присваивать значение всем тегам отдельно. Можно использовать более широкомасштабные цели, например, сразу назначить свойство ко всему документу, определив свойство к элементу "body". Или стилизовать отдельный фрагмент через специальные id-идентификаторы или селекторы.
Применение
Использовать каскадные стили можно тремя способами:
- На уровне документа. Можно назначать краткую запись в самом теге. Такой вариант лучше применять, когда нет нужды повторять данный стиль.
- Внутри документа. Если у вас одностраничный сайт, то можно легко вписывать правила каскадных таблиц в верхней части документа. В данном случае все определения помещаются в тег <style>, который входит в <head>.
- Отдельно. То, ради чего и создавался данный язык. Если у вас имеется множество страниц или даже сайтов, где используется один дизайн, можно привязать к каждому документу один CSS-файл, который и будет определять стиль. Привязка осуществляется при помощи тега <link>.
Заключение
Вопросу о том, что такое CSS, посвящаются целые книги, проводятся семинары. И, естественно, невозможно полностью раскрыть данную тему в одной статье. Чтобы полностью овладеть этим языком, нужно потратить много времени. Но положительный результат будет обязательно. Поэтому не стесняйтесь и чаще задавайтесь вопросом о том, что такое CSS, а после увлекательного изучения вы сможете сами создавать свой стиль.
