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

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

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

Но что если требуется выбрать определенные теги, стоящие в некоторой последовательности?

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

Классы и идентификаторы можно применять с дочерними, соседними и контекстными селекторами.

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

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

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

После изменения стилей текстовых элементов, можно перейти к изучению настроек внешнего вида интернет-ресурса с помощью CSS. Во время верстки страниц сайта применяют такие свойства CSS для изменения графики, как установка фона, добавление рамки, цвета... Если используются изображения, то желательно их держать в корне сайта в папке images (путь будет иметь вид - "/images/file.jpg") или в папке с шаблоном в аналогичной папке (путь - "../images/file.jpg").

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

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

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