Этого пространства, он переходит к другой строке. Свойство fl oat по-настоящему

Дата добавления: 2015-07-09; просмотров: 404; Нарушение авторских прав

Волшебное: в данном случае fl oat: ri ght означает перемещение списка вверх

К правому краю страницы. Это свойство также приводит к тому, что следующий

За списком текст огибает левую сторону списка. Это замечательный метод, а более

Подробно о плавающих элементах вы узнаете в следующей главе.

Далее вы определите внешний вид отдельных пунктов списка.

2. Добавьте еще один стиль во внутренней таблице в файле text. html:

#mai п l i {

color: #207EBF:

foпt-size: 1.5em:

margiп-bottom: 7рх:

Здесь нет ничего нового: обычное изменение цвета и размера, а также добавление

Пространства под каждым пунктом списка. Пришло время взглянуть на

Результат.

ПРИМЕЧАНИЕ----------------------~-----------------------Если

Вы хотите увеличить пространство между пунктами списка, необходимо добавить верхние или

нижние поля для тега <li>. Добавление полей к тегам <ul> или <ol> просто увеличит пространство

Вокруг всего списка.

Сохраните страницу и воспользуйтесь предварительным просмотром в браузере.

Теперь страница должна быть похожа на ту, что представлена на рис. 6.14.

Точная настройка с классами

Иногда появляется желание иметь еще больше контроля над тем, как применяется

Стиль. Например, вы хотите видеть большинство абзацев в каком-либо разделе

Страницы одинаковыми, но, вероятно, пожелаете определить уникальный вид для

Одного или двух из них. В этом обучающем примере абзац рядом с верхней частью

страницы- <<November 30 Rod DibЬle>->- содержит особую информацию (о дате

<== предыдущая лекция	\|	следующая лекция ==>
И основного текста nриведены в порядок	\|	Публикации и об авторе). Сделаем так, чтобы этот абзац выделялся среди других,