text-align: [ left | right | center | justify] - выравнивание
text-indent: number - отступ красной строки
line-height: number - интерлиньяж
letter-spacing: number - трекинг
padding-left: number - отступ от текста слева
padding-right: number - отступ от текста справа
padding-top: number - отступ от текста сверху
padding-bottom: number - отступ от текста снизу
margin-left: number - отступ от границы слева
margin-right: number - отступ от границы справа
margin-top: number - отступ от границы сверху
margin-bottom: number - отступ от границы снизу
Единицы измерения в CSS
В свойствах, которым требуется указание размеров, можно использовать несколько способов для их задания:
· относительный размер в процентах (%)
· относительный размер при помощи словесного описания (larger, smaller, xx-small, x-small, small, medium, large, x-large, xx-large)
· абсолютный размер в типографских единицах - размер может задаваться в пунктах (pt), пиках (pc), средней шириной буквы "m" (em), средней шириной буквы "x" (eх)
· абсолютный размер в стандартных единицах длины - размер может задаваться в сантиметрах (cm), миллиметрах (mm), дюймах (in)
· абсолютный в пикселях (px)
|
|
Задание цвета в CSS
Цвет для тех свойств, где это нужно, может быть определен одним из трех способов:
· при помощи названия цвета: yellow, red, green, grey,..
· шестнадцатеричным заданием цвета в формате #RRGGBB: #ff0000, #883490, #ffffff,..
· десятичным заданием составляющих цвета в формате rgb(red, green, blue): rgb(255,0,0), rgb(100,23,78),..
Пример использования CSS
Назначим для всех состояний ссылок цвета и сделаем так, чтобы ссылки во всех состояниях не имели подчеркивания, а в момент нахождения курсора над ссылкой появлялось подчеркивание.
A:link {COLOR: #0000CC; text-decoration: none}
A:visited {COLOR: black; text-decoration: none}
A:active {COLOR: red; text-decoration: none}
A:hover {COLOR: #6666FF; text-decoration: underline}
- ссылка (link) - синий цвет (#0000CC);
- посещенная ссылка (visited) - черный цвет (black);
- активная ссылка (active) - красный цвет (red);
- ссылка, в момент нахождения курсора мыши над ней (hover) - светло-синий (#6666FF);
Используя CSS, мы может отменить или переназначить эффект для ссылок. Для этого используем свойство text-decoration, которое может иметь следующие значения:
none - без оформления
underline - подчеркивание
overline - черта сверху
line-through - перечеркивание
blink - мигание
Практические задания