Студопедия
АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция
|
Значення стилів наведені у таблиці.
Властивість
| Значення
| Пояснення
| Background-attachment
| fixed
scroll
| Тло фіксоване
Тло прокручується
| Background-color
| red, green, #ffcc55
| Колір тла
| Background-image
| URL("адреса графічного файлу для тла")
| Background-repeat
| repeat, repeat-x, repeat-y, no-repeat
| Повторює зображення
| Border-color
| red, green, #ffcc55
| Колір рамки
| Border-style
| none, dotted, dashed, solid, double, groove, ridge, inset, outset
| Стиль рамки
| Border-width
| 2mm, 3mm
| Товщина рамки
| Font-family
| “Arial”, “Times New Roman”, “Serif”
| Назва шрифта
| Font-size
| 12pt, 16pt
| Розмір шрифта
| Font-style
| normal, oblique, italic
| Вигляд курсивів
| Font-variant
| normal, small-caps
| Вигляд шрифта
| Font-weight
| normal, bold, bolder
| Жирність шрифта
| Word-spacing
| 1mm, 2mm
| Відстань між словами
| Letter-spacing
| 1 mm
| Відстань між символами
| Line-height
| 2mm, 4mm
| Відстань між рядками
| Text-align
| Left, right, center, justify
| Вирівнювання тексту
| Text-decorate
| none, underline, overline, line-through, blink
| Оформлення тексту
| Text-indent
| 2cm
| Абзацний відступ
| Margin-top
| 4mm
| Відступ зверху
| Margin-right
| 4mm
| Відступ справа
| Margin-bottom
| 4mm
| Відступ знизу
| Margin-left
| 4mm
| Відступ зліва
| Padding-top
| 2mm
| Величина вільного простору між стороною рамки і елементом у рамці
| Padding-right
| 2mm
|
| Padding-bottom
| 2mm
|
| Padding-left
| 2mm
|
| Height
| 4cm
| Висота елемента
| Width
| 14cm
| Ширина елемента
| Float
| none, left, right
| Обтікання об'єкта текстом
| Color
| red, green, #ffcc55
| Колір елемента
| Vertical-allign
| top, super, middle, sub, bottom
| Вертикальне вирівнювання
| List-style-image
| URL(“адреса графічного маркера списку”)
| I List-style-position
| inside, outside
| Позиція маркера
| List-style-type
| disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none
| Вигляд маркера (диск, круг, квадрат, арабські цифри, малі чи великі римські тощо)
| | | | |
Хід роботи
Створити дві рекламних веб-сторінки, використовуючи наведений матеріал щодо стилів. Першу виконати методом зв’язування, другу – методом впровадження.
|