Что такое CSS (каскадные таблицы стилей) для чайников

Рубрика: Энциклопедия | Просмотров: 1158 | Отзывов: Будешь первым)

Что такое CSS (каскадные таблицы стилей) для чайниковАббревиатура CSS состоит из 3 слов английского происхождения - Cascading Style Sheets, которые переводятся на русский язык как каскадные таблицы стилей. Как применяются и для чего используются эти таблицы, известно не всем, однако с развитием веб-индустрии этот вопрос становится все более актуальным, поэтому интерес к нему растет постоянно. Он достоин изучения. Но с чего его начать?

Итак, прежде всего, стоит напомнить, что разметка веб документов осуществляется при помощи тегов языка html (гипертекстовой разметки). Это означает, что при помощи html создается структура web документа. К примеру, используя код html в чистом виде, можно задавать заголовки и абзацы, структурировать документ, делая его более логичным и комфортным для просмотра. Более того, при помощи этого кода любым элементам, вроде названий, можно придавать необходимый вид в браузере.

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

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

Язык CSS имеет свой собственный синтаксис и внутреннее содержание, что во многом сильно отличает его от языка гипертекстовой разметки (html). Он более сложный и емкий, однако, его изучение дает серьезные преимущества каждому специалисту.

По сути, CSS можно разделить на следующие части:

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

Способы подключения CSS к языку гипертекстовой разметки

Принято использовать три основных способа применения каскадных таблиц вместе с html. Среди них:

1. Вложение — код стилевой разметки можно прописывать непосредственно в требуемых тегах html кода, используя при этом атрибуты Style.
2. Встраивание предусматривает прописывание CSS кода для web-документа в его шапке (в тегах Head) с применением Style.
3. Связывание. При этом размещение CSS кода происходит отдельно во внешнем файле, подключаемом к web-документу в его шапке при помощи элемента Link.

Таков язык стилевой разметки, но чтобы его применять, необходимо изучить его синтаксис, который не отличается сложностью:

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

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

Читай как заработать деньги на Stuknulsya.ru



Добавить комментарий