CSS - каскадные таблицы стилей

CSS

CSS - аббревиатура от Cascading Style Sheets - каскадные таблицы стилей, CSS - это простой язык для создания стилей веб-страницы.

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

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

Связь CSS и HTML с точки зрения порядка изучения

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

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

Так что, если вы не знаете HTML, то изучать CSS нет смысла.

Немного подробнее про CSS

CSS - достаточно мощный инструмент для создания внешнего вида сайта. Кроме того, что набор средств CSS по созданию внешнего вида страницы более мощный чем у HTML, технология каскадных таблиц стилей предоставляет более гибкие инструменты для форматирования внешнего вида.

По сравнению с HTML, язык CSS более сложен, но и его использование открывает гораздо более широкие возможности для разработчика.

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

Более подробную вводную информацию читайте в статье: "CSS - это".

Порядок изучения CSS

Итак, в статье: "CSS - это" вы узнаете как в html-документ добавить стиль CSS. Теперь нужно начинать шаг за шагом осваивать этот язык программирования.

Сначала читаем самые основы - "Синтаксис CSS", возможно в этой статье вы увидете много того, что уже освещалось в прошлой, но одно из правил моего учебника: каждая статья является самодостаточной и раскрывает тему полностью. Если человек пришёл с поисковика на конкретную статью, то она должна полностью удовлетворить его запрос. Так что повторения некоторых моментов будут и в дальнейшем. Следующий шаг - статья "Комментарии в CSS", тут рассмотрен пример ошибки при составлении комментариев, который даёт большее понимание синтаксиса CSS в целом.

После изучения этих основ, читайте статью "Работа с текстом в CSS". В ней представлены свойства CSS для работы с текстом. Хотя в статье много примеров, но обязательно пишите много своих примеров. Когда вы пишите свои примеры, включаются другие типы памяти, а не только зрительная. Это повышает запоминаемость материала.

Есть статья "Единицы измерения в CSS", тут мало примеров и поэтому она может показаться сложна для понимания, но это нужно понять хоть на поверхностном уровне. С набором опыта в написании стилей придёт понимание всех особенностей этой темы.

Статья "Цвета в CSS" учит понимать как управлять цветами в CSS. Цвет можно присвоить тексту, фону текста, фону документа, рамкам блоков и т.д.

Далее читайте статью "Блочная модель CSS". Этот основа основ в CSS, с этого момента последующего материалы будут содержать большое число примеров. Всегда пишите свои примеры, исправляйте готовые примеры, экспериментируйте. Практика - это основа обучения программированию.

При написании этого учебника CSS я старался использовать как можно больше примеров.

Рецепты CSS