Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Каскадные Таблицы Стилей.doc
Скачиваний:
2
Добавлен:
21.12.2018
Размер:
594.43 Кб
Скачать

Процентные значения

Процентные значения (далее обозначаются как <процент>) указывают на величину чего-либо в процентах от другой величины. Они задаются как <число>, за которым следует символ процента (%), например:

H1 { font-size: 120% }

Всюду, где CSS допускает использование процентных значений, в описании соответствующего свойства четко указывается, какая именно величина является основой для вычисления значения свойства в процентах.

URI

Этот тип значений (далее обозначаемый как <uri>) задает ссылку на унифицированные идентификаторы ресурсов. URI задается в форме url(URI), например:

BODY { background: url(http://mysite.com/bg.gif) }

Текст внутри url() можно заключить в апострофы или кавычки — это ничего не изменит, например:

BODY { background: url("http://mysite.com/bg.gif") }

Цвета

Цветовые значения (далее обозначаются как <цвет>) могут задаваться либо шестнадцатеричным числом с префиксом "#" вида "#rrggbb", задающим RGB-код цвета, либо одним из 16-ти символических имен, приведенных в Таблице П9.1. CSS допускает использование краткой формы RGB-кодов вида "#rgb"; при этом краткая форма преобразуется в полную повторением цифр, а не добавлением нулей. Иными словами, код #FA1 соответствует полному коду #FFAA11. Кроме того, RGB-код цвета может быть задан конструкцией rgb(r,g,b), например, следующие декларации задают один и тот же красный цвет:

EM { color: red } /* название цвета */

EM { color: #f00 } /* #rgb */

EM { color: #ff0000 } /* #rrggbb */

EM { color: rgb(255,0,0) } /* целые в диапазоне 0 до 255 */

EM { color: rgb(100%,0%,0%) } /* действительные в диапазоне от 0.0% до 100.0% */

Примечание. Обозреватели Microscape дополнительно поддерживают имена цветов, перечисленные в Таблице П9.2, но мы рекомендуем использовать вместо них соответствующие шестнадцатеричные значения.

Помимо стандартных имен цветов CSS поддерживает названия системных цветов, предназначенных для использования в соответствии с графическим пользовательским интерфейсом операционных систем клиентов. Эти названия и их назначение приведены в следующей таблице (значения этих цветов, принятые по умолчанию в системе Windows, указаны в Таблице П9.3).

Таблица 2.4. Системные цвета CSS

activeborder

Цвет рамки активного окна

inactivecaptiontext

Цвет текста заголовка неактивного окна

activecaption

Цвет фона заголовка активного окна

infobackground

Цвет фона подсказок (tooltips)

appworkspace

Цвет фона многооконной программы

infotext

Цвет текста подсказок (tooltips)

background

Цвет фона системной подложки (desktop)

menu

Цвет фона меню

buttonface

Цвет трехмерных кнопок

menutext

Цвет текста меню

buttonhighlight

Цвет выделенных трехмерных кнопок

scrollbar

Цвет фона полос прокрутки

buttonshadow

Цвет тени трехмерных кнопок

threeddarkshadow

Темная тень трехмерных элементов

buttontext

Цвет текста трехмерных кнопок

threedface

Цвет трехмерных элементов

captiontext

Цвет текста заголовков

threedhighlight

Цвет выделенных трехмерных элементов

graytext

Серый цвет (для запрещенных элементов)

threedlightshadow

Светлая тень трехмерных элементов

highlight

Цвет фона выделенных элементов

threedshadow

Тень трехмерных элементов

highlighttext

Цвет текста выделенных элементов

window

Цвет фона окон

inactiveborder

Цвет рамки неактивного окна

windowframe

Цвет фрейма окон

inactivecaption

Цвет фона заголовка неактивного окна

windowtext

Цвет текста в окнах

Строки

Текстовые строки (далее обозначаются как <строка>) могут быть заключены либо в кавычки, либо в апострофы. При этом если строка заключена в кавычки, для включения в нее символа кавычки нужно использовать форму \" или \22. Аналогично, если строка заключена в апострофы, для включения в нее символа апострофа нужно использовать форму \' или \27. Для включения в строку символа новой строки используется форма \A (код перевода строки в Unicode). Примеры текстовых строк:

"это 'строка'"

'это \'строка\''

'это "строка"'

"это \"строка\""

"это строка,\A состоящая из двух строк"

Тут вы можете оставить комментарий к выбранному абзацу или сообщить об ошибке.

Оставленные комментарии видны всем.