cssor.ru - Сайт о CSS и верстке сайтов, в помощь веб разаботчикам.

Псевдоэлементы и псевдоклассы, их использование

Теги:
Дата: 03.10.2008

CSS стили в документе применяются для элементов (тегов) в целом, и в принципе этого хватает для повседневных задач верстальщика. Но есть способ применять стили к определенной части элемента (например к первой строке абзаца, к первой букве абзаца), именно для этого и существуют псевдоэлементы. Псевдоклассы же в свою очередь дают возможность применить стили к элементам по их характеристикам, которые не являются именем, атрибутом или содержимым и не могут быть получены из дерева документа (например псевдокласс :hover, который дает возможность задать стили для элемента на который наведен курсор мыши).

Красивая полоса прокрутки сайта на CSS

Дата: 23.09.2008
Scrollbar

Стандартные полосы прокрутки (Scrollbar) на сайтах это скучно. Не так ли? Нет это совсем не так :), они (стандартные полосы прокрутки) не “мазолят” глаза, да и безобразного в них ничего нет. Но иногда под стиль сайта имеет смысл изменить стандартный Scrollbar. Не каждому сайту подойдет, так что не стоит этим злоупотреблять. Но все же знать как это делается я думаю нужно.

Для начала немного теории, расскажу и покажу какие селекторы и свойства отвечают за полосу прокрутки, а потом перейдем к практике.

Введение в CSS

Теги:
Дата: 20.09.2008

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

Определение.

Сам сочинять не буду, все уже давно придумано. Просто процитирую великую и всезнающую Википедию.

CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — технология описания внешнего вида документа, написанного языком разметки. Преимущественно используется как средство оформления веб-страниц в формате HTML и XHTML, но может применяться с любыми видами документов в формате XML, включая SVG и XUL.

Для чего нужен CSS?

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