Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 61 стр.

UptoLike

ВУЗ: 

ТГТУ | Тамбов

Составители: 

Рубрика: 

Рис. 37
Для данного примера использовался следующий код:
<p style="width:30%; float:left; text-align:justify; font-size=20 pt;">Этот блок текста мы прижали к левой границе раздела.
Он имеет границу шириной в один пиксель и ширину в 30 % от ширины раздела.</p>
<p> Размер шрифта обтекаемого блока текста намеренно уменьшен до 8-ми пикселей, чтобы блок текста лучше выде-
лялся на общем фоне содержания страницы.
При использовании значения "right" блок текста будет прижат вправо.
Второй атрибут описания стилей clear позволяет управлять собственно обтеканием. Он запрещает наличие плавающих
блоков около блока текста. Атрибут может принимать значения: right, left, none, both.
3.10. УПРАВЛЕНИЕ ЦВЕТОМ В CSS
Каскадные таблицы стилей (CSS) в первую очередь описывают свойства текста. Это касается как текстовых блоков, так
и строковых элементов разметки содержания страницы. В данном разделе речь пойдет об управлении отображением цвета
текста (color) и цвета фона (background-color), на котором отображается текст.
Кроме цвета текста и цвета фона, CSS позволяет определять цвет границы текстового блока (border-color).
Атрибуты стилей, которые мы собираемся рассмотреть, согласно спецификации Microsoft, относятся к группе атрибу-
тов Color and Background Properties. Всего в эту группу входит семь атрибутов, шесть из которых определяют свойства фона.
Кроме цвета фона и его прозрачности, можно управлять фоновой картинкой (координатами ее размещения и способами по-
вторения). К сожалению, Netscape Navigator большинство из этих атрибутов не поддерживает, поэтому мы не будем рас-
сматривать их подробно.
Интерпретация атрибутов цвета в Netscape Navigator и Internet Explorer различна. В Netscape Navigator фоновый цвет
отображается только там, где есть текст, а в Internet Explorer фоновый цвет заливает весь блок или строковый элемент вне
зависимости от наличия в нем текста.
3.10.1. Цвет текста
В HTML для управления цветом отображаемого текста используется элемент FONT. Его аналогом в CSS является атри-
бут color. Этот атрибут можно применять как для блочных, так и для строковых элементов разметки.
Рассмотрим в качестве блочного элемента разметки ячейку таблицы (рис. 38):
TD { color:darkred; }
Рис. 38
В данном примере цвет текста определен только для обычной ячейки, поэтому содержание заголовка колонки отобра-
жается основным цветом (#003366).
При определении цвета текста для блочного элемента весь текст этого элемента отображается заданным цветом. Частичное из-
менение цвета возможно, если поместить строковый элемент разметки внутрь блочного (рис. 39):
P { color:darkred; }
I { color:#003366;font-style:normal; }

Страницы