|
Стили отдельного файла
Задание 2. Как Знайка придумал воздушный шар
Не используя атрибутов внутри тела программы, постройте документ,
изображённый на рисунке. Результат запишите в файл
task02.htm в каталог, который назовёт учитель. В качестве
средств оформления используйте свойства, приведённые в таблице.
| Свойство |
Описание и значения |
| color |
Задаёт цвет текста. Значения: название цвета или его номер.
|
| background |
Задаёт цвет фона элемента. Значения: название цвета или его номер.
|
| border |
Задаёт рамку вокруг элемента. Записывается в формате:
border: толщина стиль цвет, например,
border: 1px solid red. Некоторые значения стиля рамки:
solid (сплошная линия), dashed (штриховая линия),
double (двойная линия).
|
| margin |
Определяет размер отступа элемента.
Значения: число с допустимой единицей измерения (например, px).
Можно записывать значение в виде процента от родительского элемента.
|
| padding |
Определяет расстояние между содержимым и границей элемента.
Значения: число с допустимой единицей измерения (например, px).
Можно записывать значение в виде процента от родительского элемента.
|
| text-align |
Задаёт способ выравнивания.
Значения: left, right, center,
justify.
|
Описание вида документа.
- Основные цвета: чёрный текст на белом фоне.
- Заголовок зелёного цвета.
- Страничные поля (слева, справа, сверху, снизу): по 30 пикселов.
- Текст заключён в пунктирную рамку зелёного цвета толщиной в 1 пиксел.
- Текст отстоит от рамки на 10 пикселов.
- Абзацы внутри рамки выровнены по ширине.
- Название произведения и имя автора выровнены по
правому краю рамки (использовать описание стиля внутри тега).
|
