чилка HTML
 
Каскадные таблицы стилей (CSS)



Псевдоклассы CSS (ссылки)

Псевдоклассами являются селекторы, указывающие на несуществующие теги.
Псевдоклассами являются типы гиперссылок:
A:link     – обычная гиперссылка
A:visited – посещенная гиперссылка
A:hover  – гиперссылка над которой находится мышь.
A:active – активизированная гиперссылка
ОписаниеПримеры
В оформлении вида гиперссылок важна последовательность!

Поскольку Link означает любой тип ссылок, то ее настройка перекрывает все остальные, если те не настроены после нее.

Visited входит в состав Link, по-этому, чтобы они имели отличный от Link вид, их следует настраивать после.

Hover входит в состав Link, но может входить и в Visited, если мышь находится над посещенной ссылкой.
Для выделения Hover из других, ее определение следует указывать после определения первых двух.

Аналогично с Active, которая, обычно, так же и Hover, поскольку, если она активизирована щелчком мыши, указатель находится над ней. Ее следует определять последней.


Пример последовательности 1.



переход 1 на главную




Пример последовательности 2.



переход 2 на главную


Псевдоэлементы CSS.

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

first-line – оформляет первую строку абзаца, позволяя определить свойства шрифта (font), цвета и заднего плана (color и background), интервал между словами (word-spacing), интервал между символами (letter-spacing), декоративное оформление текста (text-decoration), вертикальное выравнивание (vertical-align), трансформацию текста (text-transform), высоту строки (line-height) и параметры обтекания (clear).

first-letter – оформляет первый символ абзаца, позволяя определить свойства шрифта (font), цвета и заднего плана (color и background), декоративное оформление текста (text-decoration), вертикальное выравнивание (vertical-align) – только если свойство float установлено в "none" (по умолчанию), трансформацию текста (text-transform), высоту строки (line-height), параметры обтекания (clear), отступы (margin), расстояние от обрамления (padding), параметры обрамления (border) и отделение от остального текста (float).



В этом примере прописано:

Отобразить первую строку абзаца темно-синим цветом, все первые буквы абзаца – зеленым и в 1,5 раза большего размера. Остальную часть абзаца – отобразить красным.

 

 

 

 

Copyright © Москва
Училка HTML: сайт  u4ilka.kcbux.ru