Что такое CSS

css3

CSS аббревиатура от Cascading Style Sheets, что на русский переводиться Каскадные Таблицы Стилей. С помощью CSS мы можем определять отображение веб страниц. Изначально это делали средствами HTML. Здесь нужно понимать что HTML это язык разметки, а не раскраски:). Однако желание сделать красиво взяло верх.

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

Сайтоделы не остались в стороне и в тяге к прекрасному стали использовать HTML теги не по назначению. Самый яркий пример - табличная вёрстка. Как сделать трех-колоночный макет если у вас нет возможности написать такое родное float:left? Использовать таблицы. Пусть не по назначению зато красиво.

Использование HTML для определения оформления имело большой недостаток. Чтобы изменить внешний вид сайта нужно внести изменения в каждую страницу. Со временем были введены таблицы стилей и жить стало проще:). Таблица стилей, в большинстве случаев, это внешний файл с расширением css, например style.css. Всё что нужно подключить файл стилей к HTML документам. Теперь для внесения изменений в дизайн сайта достаточно скоректировать css файл.

Преимущества CSS

  1. Достаточно один раз описать стили и подключить их к страницам а не прописывать в каждом HTML файле.
  2. Используя таблицы стилей мы разделяем структуру (HTML) и представление(CSS). В итоге получаем чистый код в котором легче разобраться.
  3. Используя CSS можно к одной и той же странице применить разные стили в зависимости от типа устройства на котором эта страница будет просмотрена.

Сегодня вы сделали первый шаг в изучении каскадных таблиц стилей. Ничего сложного в изучении CSS нет, хотя я подозреваю что эта вводная статья породила больше вопросов чем ответов. Мы так и не узнали почему таблицы стилей называют каскадные и как вообще выглядит описание стилей и их подключение. Обо всём этом в следующих статьях, ссылки на которые по мере поступления будут появляться под этим постом.