
- •Занятие № 22 Лабораторная работа № 17
- •Инструкционно-технологическая карта
- •I. Краткие теоретические сведения
- •Правила и селекторы css.
- •Селекторы css
- •Контекстный селектор
- •Группировка селекторов
- •Свойства шрифта
- •Цветовая гамма.
- •Text-decoration - Задает специальное оформление текста: подчеркнутый, зачеркнутый и т.П.
- •Text-underline-position - Задает местонахождение линии подчеркивания: выше или ниже текста.
- •Text-align - Определяет горизонтальное выравнивание текста.
- •Text-align-last - Задает горизонтальное выравнивание последней строки абзаца.
- •Границы
- •Outline-width Задает толщину внешней границы элемента. В отличие от свойства border-width, для outline-width нельзя устанавливать границу для каждой стороны элемента индивидуально.
- •Синтаксис
- •Значения
- •II. Задание на практическую работу
- •III. Контрольные вопросы
Outline-width Задает толщину внешней границы элемента. В отличие от свойства border-width, для outline-width нельзя устанавливать границу для каждой стороны элемента индивидуально.
Чтобы outline-width работал, необходимо установить у свойства outline-style любое значение кроме none.
Синтаксис
outline-width: thin | medium | thick | значение | inherit
Значения
thin Тонкая линия. Значение в пикселах может изменяться в зависимости от браузера, но обычно составляет 1 пиксел.
medium Линия средней толщины (3 пиксела).
thick Линия большой толщины (6 пикселов).
inherit Наследует значение родителя.
II. Задание на практическую работу
Создайте файл ПР№17.html. Наберите текст приведённый ниже и отформатируйте, как следует. Подключите файл ПР№2.css.
Создайте файл ПР№17.css, в котором опишите все правила:
Для страницы (тег body) – фоновый рисунок, отступы справа, слева и сверху.
Для абзацев 1,3,5,7,9,11,13(тег p) – цвет, размер, шрифт, начертание, жирность текста, выравнивание по ширине, отступ красной строки, межстрочный интервал, задать цвет, стиль, толщину всех границ текста.
Для каждого из абзацев 2,4,6,8 написать правила (для тега р) с селектором по идентификатору, со своими свойствами не менее 5 и не повторяющиеся свойства не менее 3;
Для каждого из абзацев 10,12,14,16 написать правила (для тега р) с селектором по классу, со своими свойствами не менее 5 и не повторяющиеся свойства не менее 3;
III. Контрольные вопросы
Опишите структуру HTML - документа, основные теги.
Опишите основные теги форматирования документа.
Назовите основные теги физического и логического форматирования текста?
Дайте понятие CSS?
Опишите правила CSS?
Опишите селекторы по идентификатору?
Опишите селекторы по классу?
Дайте понятие группировки селекторов?