Windows же по умолчанию
считает, что разрешающая способность экрана равна 96 dpi. Значение это
можно изменить вручную, щелкнув правой кнопкой мыши по Рабочему столу
и выбрав в выпавшем меню пункт Свойства. В появившемся окне
необходимо открыть закладку Настройка, там нажать кнопку Дополнительно и,
наконец, во вновь открывшемся диалоге перейти к закладке Общие. Выбрав в
выпадающем списке Размер шрифта пункт Другой…, желающие могут даже
приложить линейку к экрану, дабы сравнить дюйм, нарисованный
воображением компьютера, с реальным — только, пожалуйста, не поцарапайте
антибликовое покрытие.
Тут, однако, есть три проблемы.
Во-первых, точность автоматического (равно как, впрочем, и ручного)
вычисления разрешающей способности во многих случаях оставляет желать
лучшего. Скажем, у мониторов на базе электронно-лучевых трубок (ЭЛТ)
фактические размеры видимой области экрана никогда не совпадают с
заявленными производителем параметрами. Хотя бы потому, что каждый
пользователь настраивает монитор под себя любимого, в том числе сжимая или
растягивая картинку. Кроме того, на ЭЛТ-мониторах ввиду далеко не идеальной
и не однородной геометрии, горизонтальное и вертикальное разрешения
могут существенно различаться. И в особенности:— при использовании
непропорциональных экранных режимов. (Соотношение сторон экрана— 4:3, и
мне, по всей видимости, никогда не понять людей, которые жертвуют,
например, режимом 1280×960 в пользу совершенно абсурдного 1280×1024 из-за
полоски толщиной в 64 пиксела…)
Глава 3. Оформление веб-страниц с использованием каскадных листов стилей 143
Во-вторых, среднестатистический пользователь, на благо которого мы,
собственно говоря, и стараемся, вряд ли когда-нибудь по собственной
инициативе полезет в то самое окошко свойств— а если и полезет, то без должного
понимания сути дела, из спортивного интереса. Вообще же, большинство
пользователей пассивно, и изменять настройки по умолчанию им не
свойственно. (Ну, разве что, обои на Рабочий стол повесить — но это так,
развлечение.)
В-третьих, уж я не знаю, как на других платформах, но в Windows к
разрешению экрана жестко привязаны размеры всех шрифтов, включая системные.
Если оставить в покое настройки по умолчанию, то при смене экранного
режима с 1600×1200 до 800×600 один дюйм вполне может превратиться в два
дюйма. На том же самом мониторе. Как вам такое постоянство?..
В общем, абсолютные единицы длины на экране— это вещь, мягко говоря,
эфемерная. А вместе с ними и понятие кегля шрифта в отношении экранных
текстов шатко и призрачно. Абсолютные единицы измерения куда более
актуальны, когда речь заходит о разработке версии представления контента,
предназначенной для вывода на печать.
Подготовка фоновых изображений
Вернемся, однако, к фонам. Напомню, что разговор о единицах измерения
начался с рассказа о том, что свойство background-position позволяет
определять величины смещений в единицах длины.
Скажу больше— означенное свойство позволяет комбинировать значения,
заданные в линейных единицах измерения, с процентными значениями и
ключевыми словами. К примеру, так:
background-position: 0% 25рх
Очевидно, такая запись говорит о том, что фоновое изображение будет
смещено на 25 пикселов по вертикали.
Чувствую, пора бы привести законченный практический пример. Предлагаю
для разнообразия сделать лист стилей внутренним, чтобы не приводить два
листинга (имеется в виду, что в случае внутреннего листа стилей можно
обойтись одним листингом, тогда как в случае внешнего придется делать два:
один — для HTML-кода, второй — для CSS-кода).
[ Листинг 3.6. Пример использования CSS-свойств,
j управляющих фоновым изображением
^> «http://www.w3.org/TR/xhtmll/DTD/xhtmll-strict.dtd»>
144
Часть I. Технологические основы
Вставка фонового изoбpaжeния
B эпоху, когда каскадные листы стилей были еще в диковинку,
существовал лишь один алгоритм рендеринга фона&пЬзр;— размножение
фонового изображения от верхнего левого угла того или иного элемента
страницы по всей площади последнего.р>
Благодаря CSS арсенал средств по управлению фоновыми изображениями
существенно расширился.р>
3а отображение фонового рисунка отвечают четыре свойства:
background-image, background-repeat, background-attachment
и background-position.
В качестве фонового изображения была выбрана фотография крепости Коре-
ла (Приозерск) размерами 320×240 пикселов, имя файла— fortress.jpg.
|
5th Фев 2011
|
Теги:
|