, которая изображает концентрические круги. Этот параграф мы используем в качестве примера применения описания стиля для стандартного элемента HTML-разметки.
Этот параграф мы отобразим белым цветом по темно-красному фону
Эту гипертекстовую ссылку мы отобразим белым цветом по темно-красному фону.
основная гипертекстовая ссылкаПервый параграф, иллюстрирующий margin
Параграф, иллюстрирующий padding
Еще один padding
Первый параграф страницы, иллюстрирующей marging
Этот блок текста мы прижали
к левой границе раздела.
Он имеет
границу шириной в
один пиксель и ширину в 30%
от ширины раздела.
Размер шрифта обтекаемого блока текста намеренно уменьшен до 8-ми пикселей, чтобы блок текста лучше выделялся на общем фоне содержания страницы.
Этот блок текста мы прижали
к правой границе раздела.
Он имеет
границу шириной в
один пиксель и ширину в 30%
от ширины раздела.
Размер шрифта обтекаемого блока текста намеренно уменьшен до 8-ми пикселей, чтобы блок текста лучше выделялся на общем фоне содержания страницы.
У этого блока текста не может быть \"плавающего\" правого блока, т.к. мы его запретили. По этой причине он начинается ниже прижатого вправо ограниченного блока.
|
|
Каскадные таблицы стилей позволяют менять цвет фона текста непосредственно по месту, точно так же, как строковые элементы разметки в HTML меняют обычный стиль начертания на italic, например.
Изменили фон
Эта строка набрана пропорциональным шрифтом с засечками.
Эта строка набрана пропорциональным шрифтом без засечек.
Эта строка набрана моноширинным шрифтом.
NКегль параграфа установлен в 12 пунктов
Кегль параграфа установлен в 12 пикселей
Кегль параграфа установлен в 120% от размера букв охватывающего параграф элемента
Размер кегля large
Размер кегля small
Размер кегля x-small
Размер кегля xx-small
Прямое начертание
Курсив
Полужирный курсив
Межбуквенное расстояние 10pt
Межбуквенное расстояние 30pt
Этот параграф выравнен по правому краю. Все строки справа кончаются на границе раздела. А вот слева они начинаются с различным отступом от левого края.
Этот параграф выравнен по правому краю. Все строки справа кончаются на вертикальной границе раздела. Все строки слева теперь начинаются также с вертикальной границы раздела.
Transfer All Letters into Uppercase
Transfer All Letters into Lowercase
Capitalization of the string
Этот параграф мы начнем со строки с горизонтальным отступом в двадцать типографских пунктов от левого края параграфа.
А в этом параграфе мы применим отрицательный горизонтальный отступ в первой строке параграфа.
Перечеркнем это предложение.
Подчеркнем это предложение.
Первая строка должна быть красной
Первая буква должна быть большой
Этот
параграф мы набрали кеглем 12 pt.
Line-height задано в 12 pt.
Этот
параграф мы набрали кеглем 12 pt.
Line-height задано в 24 pt.
Этот
параграф мы набрали кеглем 12 pt.
Line-height задано в 6 pt.
В эту строку мы встраиваем картинку - , которая изображает концентрические круги.
В эту строку, которая имеет размер кегля 24рх, мы встраиваем
картинку - , изображающую концентрические круги.
Первый слой, на который наедем другим слоем.
В целях конспирации этот текст могут увидеть
только грамотные люди, которые умеют читать (какой-то бред как по форме, так и по содержанию :) ).
Текст размещен так, что его не видно в NN
Текст размещен для того, чтобы блок был виден в Netscape Navigator