Значения вроде
120%, опять же, будут приводиться к ближайшим граничным.
«Процентная» форма представления цвета, несмотря на наглядность, имеет
существенный недостаток: при помощи нее можно задать всего лишь
Глава 3. Оформление веб-страниц с использованием каскадных листов стилей 137
101 =1 030 301 оттенков. Каждый из них все равно приводится к
ближайшему значению в «полноценной» 24-битовой модели.
Самый простой, но и наиболее несовершенный способ задания цвета— по
ключевому слову. CSS2 поддерживает определенные в HTML 4 (и
унаследованные от палитры VGA) предустановленные 16 значений цвета (к примеру,
black— черный, white— белый, red— красный и т. д.). Спецификация
CSS2.1 предусматривает 17 предустановленных значений цвета (те же 16
плюс orange — оранжевый).
Ряд браузеров, ко всему прочему, «на свой страх и риск» поддерживают
расширенный перечень предустановок— в основном, из набора XI1 (это
протокол, определяющий взаимодействие между приложением и системой
отображения графики; разрабатывался в середине 80-х для UNIX-систем).
Ожидается, что CSS3 официально будет поддерживать все, без малого полторы сотни
ключевых слов, соответствующих XI1-цветам. Среди этих слов есть и весьма
экзотичные— к примеру, какой-нибудь bianchedaimond («очищенный
миндаль»). Мне кажется, что выучиться считать в шестнадцатеричной системе
счисления намного проще, нежели запомнить все эти поэтичные названия.
Так или иначе, в приложении 2 приводятся все поименованные цвета, как
поддерживаемые спецификацией CSS2, так и ожидающиеся в CSS3. Может
быть, кому-то на первых порах эта информация пригодится…
При разработке листов стилей для реальных проектов не стоит уповать на
умолчания, принятые в браузерах. Не следует думать, что все поголовно
графические браузеры используют по умолчанию черный цвет для текста, а
белый— для фона страницы. В IE3, например, цвет фона окна по умолчанию
был серым; к тому же, пользователи могут изменять настройки.
Если вам на странице нужны именно черные буквы на белом фоне — так
прямо и скажите:
body {color: #000; background-color: #fff}
Значение свойства color будет применяться ко всем элементам, вложенным в
контейнер
.. . — иными словами, оно наследуется элементами,для которых элемент
.. . является родительским.Что касается значения свойства background-color, то оно не наследуется
вложенными элементами — если цвет фона явно не задан, фон будет
прозрачным.
Примечание )
В нашем первом примере к этой главе мы использовали темно-зеленый цвет
для основного текста страницы и светло-зеленый — для ее фона. Это неплохое
цветовое решение, но разработчикам информационных сайтов я все-таки
рекомендовал бы по возможности не отступать от традиций. Текст, набранный
«черным по белому» — это классика. Побродите по Сети, присмотритесь к ве-
138
Часть I. Технологические основы
дущим сайтам, принадлежащим крупнейшим транснациональным
корпорациям — почти все они используют черный цвет для основного текста и белый —
для фона. И вообще оформлены достаточно просто.
В заключение этого раздела хотелось бы вспомнить еще вот о чем. В веб-
разработке получила особое распространение так называемая «безопасная»
палитра цветов. Оттенки, входящие в эту палитру, отображаются одинаково и
без диффузии (т. е. имитации недоступного оттенка чередованием пикселов
двух близких к нему цветов, имеющихся в текущей палитре) на большинстве
платформ даже при работе с экранным режимом, предусматривающим всего
256 цветов.
На настольных компьютерах и ноутбуках 8- и даже 16-битовый цвет— уже
архаизм, но, полагаю, бум портативных устройств вдохнет в «безопасную»
палитру вторую жизнь. Во всяком случае, я стараюсь использовать
«безопасные» цвета везде, где это не противоречит здравому смыслу.
«Безопасная» палитра содержит 216 цветов и формируется из множества
оттенков, красная, зеленая и синяя компоненты которых могут принимать
только значения 0, 51, 102, 153, 204 и 255 (в шестнадцатеричной записи — 00, 33,
66, 99, ее и ff соответственно).
Таким образом, приглянувшийся нам оттенок #09с— типичный
представитель «безопасной» палитры.
|
5th Фев 2011
|
Теги:
|