мента, следующего за ним. 
Предположим, например, что HTML-код Web-страницы содержит дескриптор 
, за которым следует текст абзаца. В "нормальном" режиме Web-браузер по- 
местит на страницу изображение, а затем перед выводом на экран текста перей- 
дет на следующую строку. Чтобы изображение "плавало" слева от текста абзаца 
(как показано на рис. 4.19) задайте в дескрипторе  свойство float, как по- 

казано в следующем примере:

216 Глава 4. Каскадные списки стилей 
At the left is a power programmer. You can tell that he is powerful by 
die aura emanating from liis person as he types his programs. During 
business hours programmers appear as mere mortals. However, when 
(he lights go out, and they are left to wort in the dark, their true nature 
comes to the surface. 
Of course, who know? Is this fact or-is this fiction? All we know for sure, is 
that this is 
the second paragraph to the right of an imiige style as "float:!**!*!." 
R e S t y l e d L e v e l - 6 H e a d i n g . This is text that follows the 
level-6 heading 
to the right. Notice that when you float a 
beading right with "float:right", a paragraph element that follows the heading 
within the 
HTML might actually precede the heading on the Web page! 
hakespeare's Sonnets are 154 short poems published together with 
т called "A Lover's Complaint," in 1609. It seems clear, 
however, primarily on stylistic grounds, that many of tbe sonnets 
were written well before that date. For example, most scholars 
bold that sonnet 107 refers to the coronation of James I in 1603). 
Рис. 4.19. Web-страница с плавающим изображением, 
заголовком и символом в контейнере  
 
Аналогично, чтобы текст абзаца находился слева от изображения, укажите 
Web-браузеру, что изображение должно "плавать" справа от следующего элемента 
HTML-кода: 
 
Как уже упоминалось, атрибут float можно использовать с любым элементом 
Web-страницы, а не только с изображениями. Например, для изменения стиля 
заголовка 6, чтобы он находился слева от текста абзаца (как показано на рис. 
4.19) вставьте в список стилей страницы следующее правило: 
h6 {float:left} 
Фактически плавающим можно сделать любой контейнер и объект, помещенный 
в контейнер. Предположим, например, что необходимо создать начальную заглав- 
ную букву, скажем, ш, с которой начинается последний абзац на странице, 
показан- 
ной на рис. 4.19. Для этого создадим следующий класс каскадного списка стилей: 
.fancyLetter { font-size:Зет; 
font-style:bold; 
color:yellow; 
background-color :blue; 
border-style:solid; 
border-width:6px; 
border-color:gray; float:left) 
Затем поместим требуемую букву в контейнерный дескриптор : 
MeiccnHpoBCKHe <1>Сонеты 
представляют собой 154 котортких поэмы, объединенные в одну поэму под названием.
..

Глава 4. Каскадные списки стилей 217 
Настройка внешнего вида списков 
HTML-код предоставляет возможность использования двух типов списков: 
упорядоченного (нумерованного) и ненумерованного (маркированного). Упорядо- 
ченный список используется в случае, когда важен порядок элементов в списке. 
Например, упорядоченный список применяется для перечисления шагов в такой 
процедуре, как рецепт приготовления какого-нибудь блюда, или в перечислении 
песен-хитов (в порядке количества проданных дисков). Для перечня же ингреди- 
ентов, используемых при приготовлении блюда, или перечня авторов книг будет 
использоваться неупорядоченный список. Оба* типа списков просты по форме: 
маркер элемента списка (число, буква, графическое изображение или символ) за 
которым следует собственно элемент списка. Тем не менее, правила каскадных 
списков стилей позволяют форматировать списки таким образом, чтобы они со- 
ответствовали общей форме всей Web-страницы, на которой они находятся. 
ПРАКТИКУМ 
Для форматирования маркеров элементов списков используется свойство liststyie-
type списков стилей. Допустимые значения свойства перечислены ниже: 
disk 
circle 
square 
decimal 
decimal-leading-zero 
lower-roman 
upper-roman 
lower-greek 
lower-alpha 
lower-latin 
upper-alpha 
upper-latin 
hebrew 
armenian 
georgian 
сjk-ideographic 
hirgana 
katana 
hirgana-iroha 
katana-iroha 
none 
inherit 
Заполненный кружочек. 
Незаполненный кружочек. 
Заполненный черный квадрат. 
1, 2, 3, 4, 5, и т.д. 
01, 02, 03, ..., 98, 99; или 001, 002, ..., 099, 100 и т.д. 
1, 11, 111, IV, V И Т.Д. 
I, II, III, IV,