Всё для ВебМастера

начнём ?

color

— определяет цвет текстa:

color: #000066

text-decoration

— отвечает за оформление текста:

text-decoration: none → текст без декараций (значение по умолчанию);

text-decoration: underline → подчеркнутый текст;

text-decoration: overline → черта сверху текста;

text-decoration: line-through → зачеркнутый текст;

text-decoration: blink → мигающий текст (не поддерживается IE);

text-decoration: uppercase → все буквы заглавные;

text-decoration: lowercase → все буквы маленькие;

text-decoration: capitalize → каждое слово в строке начинается с большой буквы.

text-align

— горизонтальное выравнивание текста:

text-align: left|right|center|justify

по левому краю | по правому краю | по центру | по ширине

vertical-align

— определяет вертикальное выравнивание:

vertical-align: sub|super|top||middle|bottom

vertical-align: sub → преобразует текст в нижний индекс;

vertical-align: super → преобразует текст в верхний индекс;

vertical-align: top → выравнивает текст поверху ячейки таблицы;

vertical-align: middle → выравнивание текста по центру (по вертикали) ячейки таблицы;

vertical-align: bottom → выравнивание текста понизу ячейки таблицы.

text-indent

— определяет отступ строки в пикселях или процентах:

text-indent: 50px

text-transform

— oпределяет регистр символов:

text-transform: none|capitalize|uppercase|lowercase

text-transform: none → обычный текст (значение по умолчанию);

text-transform: capitalize → преобразует первую букву каждого слова в заглавную;

text-transform: uppercase → все буквы заглавные;

text-transform: lowercase → все буквы маленькие.

word-spacing

— определяет дополнительное расстояние между словами в тексте:

word-spacing: 5px

letter-spacing

— oпределяет дополнительное расстояние между символами в тексте:

letter-spacing: 2px

line-height

— определяет расстояние между строками по вертикали в пикселях или процентах:

line-height: 200%

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

a:active

— определяет гиперссылку в момент ее нажатия:

а:active {color: Blue}

a:hover

— определяет гиперссылку в момент наведения на нее курсора:

a:hover {color: #f25100}

a:link

— oпределяет еще не посещенную гиперссылку:

a:link {color: Red}

a:visited

— oпределяет уже посещенную гиперссылку:

a:visited {color: Green}