letter-spacing – расстояние между буквами. Возможные значения:[1] длина (+), [2] normal - без изменений. ПРИМЕР: letter-spacing:100.
vertical-align – позиционирование элементов по отношению к другим элементам стоящих в одном ряду. Возможные значения:[1] baseline, [2] sub, [3] super, [4] top-text, [5] top, [6] middle, [7] bottom, [8] bottom-text, [9] процент. ПРИМЕР: vertical-align:top-text.
text-transform – изменение текста. Возможные значения:[1] none – нет, [2] Capitalize - каждое слово начинается с большой буквы, [3] UPPERCASE - каждая буква текста становится заглавной, [4] lowercase - каждая буква текста становится строчной. ПРИМЕР: text-transform:Capitalize.
text-align – положение текста. Возможные значения:[1] left - текст слева, [2] right - текст справа, [3] center - текст по центру, [3] justify - текст "растянут". ПРИМЕР: text-align:right.
text-indent – отступ (работает только с block-level элементами). Возможные значения:[1] длина (+), [2] процент (+). ПРИМЕР: text-indent:30 em.
line-height – отступ сверху. Возможные значения:[1] normal - без изменений, [2] длина (+), [3] процент. ПРИМЕР: line-height:100%.
Свойства Color и Background
color – цвет. Возможные значения:[1] цвет (+).ПРИМЕР: color:#f00000.
background-color – цвет фона элемента. Возможные значения:[1] цвет (+). ПРИМЕР: background-color:#f00000
background-repeat – повторения фонового изображения. Возможные значения:[1] repeat - размножает фоновое изображение во всех направлениях, [2] repeat-x - размножает фоновое изображение горизонтально, [3] repeat-y - размножает фоновое изображение вертикально, [4] no-repeat - не повторяющиеся изображение. ПРИМЕР: background-repeat:no-repeat.
background-attachment – возможность прокрутки фонового изображения. Возможные значения:[1] scroll - фоновое изображение скроллируется вместе с содержанием документа, [2] fixed - не скроллируется. Фиксируется в одном месте. ПРИМЕР: background-attachment:fixed.
background-position – положение фонового изображения (работает с background-repeat равным repeat-x, repeat-y или no-repeat). Возможные значения:[1] процент от ширины + процент от высоты (+), [2] top, middle, bottom - одно из значений, [3] left, center, right - одно из значений, [4] расстояние от левого края + расстояние от вершины. ПРИМЕР: background-position:50%0%.
padding-top – отступ от верхнего border. Возможные значения:[1] длина (+), [2] процент (+).ПРИМЕР: padding-top:100pt.
padding-right – отступ от правого border. Возможные значения:[1] длина (+), [2] процент (+).ПРИМЕР: padding-right:100%.
padding-bottom – отступ от нижнего border. Возможные значения:[1] длина (+), [2] процент (+).ПРИМЕР: padding-bottom:100em.
padding-left – отступ от левого border. Возможные значения:[1] длина (+), [2] процент (+).ПРИМЕР: padding-top:100.
padding – обобщает вышеперечисленные свойства. Можно задать несколько значений одновременно (до четырех) для разных сторон. Если установлено одно значение - задается единый отступ для всех сторон, если два - то задаются различные отступы для прилежащих сторон, а если четыре - то задаются индивидуальные отступы для всех сторон. Возможные значения:[1] padding-top, [2] padding-right, [3] padding-left, [4] padding-bottom. ПРИМЕР: padding:100px.
border-top-width – толщина верхнего border. Возможные значения:[1] длина (+), [2] thin, medium или thick. ПРИМЕР: border-top-width:100pt.
border-right-width – толщина правого border. Возможные значения:[1] длина (+), [2] thin, medium или thick. ПРИМЕР: border-right-width:thick.
border-bottom-width – толщина нижнего border. Возможные значения:[1] длина (+), [2] thin, medium или thick. ПРИМЕР: border-bottom-width:100em.
border-left-width – толщина левого border.Возможные значения:[1] длина (+), [2] thin, medium или thick. ПРИМЕР: border-left-width:medium.
border-width – толщина border. Можно задать несколько значений одновременно (до четырех) для разных border. Если установлено одно значение - задается единая толщина для всех сторон, если два - то задаются различная толщина для прилежащих сторон, а если четыре - то задаются индивидуальная толщина для всех сторон. Возможные значения:[1] border-top-width, [2] border-right-width, [3] border-left-width, [4] border-bottom-width.
ПРИМЕР: border-width: 15pt.
border-color – цвет border. Возможные значения:[1] цвет (+). ПРИМЕР: border-color:green.
border-style – стиль border. Можно задать несколько значений одновременно (до четырех) для разных border. Если установлено одно значение - задается единый стиль для всех сторон, если два - то задаются различные стили для прилежащих сторон, а если четыре - то задаются индивидуальные стили для всех сторон. Возможные значения:[1] none, [2] dotted, dashed, solid, double, groove, ridge, inset, outset. ПРИМЕР: border-style: dotted groove.
border-top – обобщает вышеперечисленные свойства для верхнего border. Возможные значения:[1] border-top-width, [2] border-style, [3] border-color. ПРИМЕР: border-top: 100em red groove.
border-right –обобщает вышеперечисленные свойства для правого border. Возможные значения:[1] border-right-width, [2] border-style, [3] border-color. ПРИМЕР: border-right: 5pt magenta solid.
border-left – обобщает вышеперечисленные свойства для левого border.Возможные значения:[1] border-left-width, [2] border-style, [3] border-color. ПРИМЕР: border-left: 15pc coral inset.
border-bottom – обобщает вышеперечисленные свойства для нижнего border. Возможные значения:[1] border-bottom-width, [2] border-style, [3] border-color. ПРИМЕР: border-bottom: 30 orange outset.
height – высота элемента. Возможные значения:[1] длина (+), [2] процент (+). ПРИМЕР: height:100pt.
float – расположение элемента. Возможные значения:[1] left – слева, [2] right – справа, [3] none - по умолчанию. ПРИМЕР: float:right.
clear – расположение других элементов вокруг данного. Возможные значения:[1] left – слева, [2] right – справа, [3] both - с двух сторон, [4] none - по умолчанию. ПРИМЕР: clear:both.
Задание:
1. Скопировать последний абзац 8 раз.
2. Для первого абзаца создать следующий стиль: шрифт Arial Black, начертание – курсив и жирный, заменить все строчные буквы на прописные, размер шрифта – medium.
3. Используя свойство font, создать следующий стиль: шрифт Elephant, размер шрифта – 50, жирность – 500. Применить данный шрифт для второго абзаца.
4. Для третьего абзаца создать следующий стиль: текст подчеркнутый, расстояние между букв – 50, каждое слово начинается с большой буквы, положение текста – по центру, отступ – 30, отступ сверху – 100 единиц.
5. Для четвертого абзаца создать следующий стиль: текст надчеркнутый, расстояние между букв – 50, каждая буква текста становится заглавной, текст «растянут», отступ – 100, отступ сверху – 500%.
6. Для пятого абзаца создать следующий стиль: цвет – синий, цвет фона – серый.
7. Для шестого абзаца создать следующий стиль: установить фоновое изображение, размножить фоновое изображение горизонтально.
8. Для седьмого абзаца создать следующий стиль: отступы сверху, снизу, справа, слева – 100.
9. Для восьмого абзаца создать следующий стиль: цвет рамки (border) –зеленый, стиль рамки – пунктир (dashed), толщина верхней рамки – 10, толщина левой рамки – 15, толщина правой рамки – 15, толщина нижней рамки – 10, отступы от всех рамок – 10, ширина элемента – 50%, высота элемента – 20%, расположение элемента – справа.
10. Скопировать абзац еще 5 раз. Для каждого абзаца создать свой стиль, используя свойства шрифта, текста, цвета, фона и рамок
11. Применить данные стили для частей документа, используя тег <div>.
12. Добавить в карту и во фреймы гиперссылку на данный документ.
