Что такое CSS в HTML

Дата: 13/03/2016

Добро пожаловать! С этой статьи я начинаю серию статей по CSS, но сперва давайте я вам расскажу, что такое CSS и для чего он вообще нужен!

CSS это

Аббревиатура CSS сложена из трёх английских слов CASCADING STYLE SHEETS? которые переводятся, как КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ.

CSS используется

Каскадные таблицы стилей (CSS) - применяются в основном в вёрстке HTML. Увеличивают размеры и меняют цвета текстов. Размещают на странице картинки, HTML таблицы, блоки DIV и устанавливают свойства с параметрами. Окрашивают цветами фон и линии. Одним словом наводят марафет на сайте! В некоторых случаях с помощью CSS создают небольшую анимацию и даже звуковые приветствия, но в основном CSS используют, как отличный дизайнерский инструмент для всех страниц сразу или на каждой странице по отдельности!

Что такое каскадные таблицы стилей

Часто у новичков возникает вопрос: что такое каскадные таблицы стилей? Если вдуматься в этот вопрос и знать, что обозначают эти слова, то наверняка этот вопрос отпадёт сам собой, но сейчас не этот случай, поэтому поясню на пальцах. Представьте себе вашу веб страничку. Заголовок. Текст. Отдельные слова. Картинки. Пару таблиц и баннеры. Всё это расположено при помощи обычных тегов. Представили? Если не хватает воображения, то создайте HTML страницу и наполните её самым обычным контентом с простыми тегами, то есть без атрибутов и параметров, чистый код на HTML. Сделали? Хорошо! Запустите и вы увидите, что всё идёт по порядку. Заголовок. Текст. Отдельные слова. Картинки и так далее. А теперь представьте, что мы применили CSS, допустим нажали кнопочку ВКЛ и включили наш стиль. После его включения заголовок встанет по центру и выделится любым цветом. Текст увеличится и станет более читабельным. Отдельные слова выделятся цветом, станут более жирными или подчёркнутыми, а картинки приобретут оптимальный вид для просмотра. Таблицы обретут очертания, а каждая ячейка будет иметь свою форму. Баннеры зависнут на одном месте и постоянно будут перед вами. Думаю ваша фантазия дизайнера показала вам всю картину возможностей от включения CSS. Но это прелюдия, потому что ответ на наш вопрос что такое каскадные таблицы стилей пока повис в воздухе, поэтому вернусь к нему. На самом деле, всё очень просто! При помощи CSS вы сможете создавать разные слои стилей, в которых будут записаны свойства и параметры для ваших тегов, как какие-то табличные данные. И вот эти слои можно будет накладывать друг на друга, то есть каскадом.
Пример. Допустим мы сделали общий стиль текста 14 размера, но нам нужно выделить из всего текста некоторые слова 16 размером. Для этого нам нужно будет наложить на них отдельные части стилей и вуаля весь текст 14 размера, а отдельные слова 16 размера.
Второй пример. У нас три заголовка одинакового цвета. Нам нужно сделать эти заголовки разного цвета, но у нас общий стиль вообще самый обычный. Мы создаём для этой страницы три слоя, в котором первый цвет красный, второй зелёный, а третий жёлтый. Подключаем первый слой стиля. Все заголовки покраснели. Подключили второй слой. Первый заголовок остался краснеть, а два других позеленели. Подключили третий слой и у нас первый заголовок продолжил краснеть, второй продолжил зеленеть, а третий пожелтел. Этими примерами я попытался вам наглядно показать, что такое каскад таблиц стилей, то есть CSS и для чего он нужен. На самом деле все сайты в интернете имеют свои стили, которые созданы при помощи CSS!

Моё отношение к CSS

Я долго думал нужен мне CSS в создание HTML страниц или можно обойтись без него, но вот начал делать сайт и столкнулся со множеством проблем, после чего нехотя я начал изучать каскадные таблицы стилей думая, что это очень сложно и муторно. Не скажу, что наука CSS далась мне легко, но за два месяца я освоил основы этого инструмента и теперь не жалею об этом. Я теперь легко обхожусь на сайте каскадными таблицами стилей и в любой момент могу поменять стиль сайта в целом, поэтому кто начал свой путь вебмастера рекомендую вам изучить хотя бы базовые параметры CSS, чтобы оперировать ими при создании любых сайтов. Тем более подключать каскадные таблицы стилей очень легко и об этом в следующей статье!

С уважением, Администратор сайта MEIN ARBEIT!

Список статей по теме...