
- •29. Оформление текста с помощью css
- •Введение
- •Обзор полиграфии Web
- •Контраст
- •Разборчивость и удобочитаемость
- •Свойства шрифта css: изменение внешнего вида текста
- •Размер шрифта и выбор единиц измерения
- •Как это делается
- •Какие единицы измерения могут применяться в свойствах текста css?
- •Какой смысл использовать так много разных типов единиц измерения?
- •Что является физическим эквивалентом пикселя рабочего стола?
- •Em, проценты, и пункты, согласно css
- •Краткое замечание об официальных Рекомендациях css 2.1
- •Ключевые слова размеров
- •Пример таблицы стилей 1
- •Новые правила
- •Выбор семейства шрифтов и гарнитуры
- •Пример таблицы стилей 2
- •Новые правила
- •Font-style, font-variant, and font-weight: изменение деталей
- •Зачем использовать свойство font-style, когда достаточно элементов em и I?
- •Пример таблицы стилей 3
- •Свойства css для текста и выравнивания: изменение композиции
- •Выравнивание и text-align
- •Применение выравнивания для текста, написанного западным алфавитом
- •Пример таблицы стилей 6
- •Новые правила
- •Изменение слежения: свойства letter-spacing и word-spacing
- •Использование единиц измерения em для лучшего контроля
- •Границы, а не подчеркивания, с помощью acronym и abbr
- •Пример таблицы стилей 10
- •Новые правила
- •Регулировка просвета (интерлиньяж) и line-height
- •Пример таблицы стилей 11
- •Новые правила
- •Вытеснение pre и br: свойство white-space
- •Заключение
- •Библиография
- •Упражнения
- •Об авторе
- •Приложение
Библиография
Бос, Берт, и др. 2007. Спецификация каскадных таблиц стилей, уровень 2 ревизия 1 (CSS 2.1). Консорциум WWW. http://www.w3.org/TR/2007/CR-CSS21-20070719 и т.д. (доступно 28 мая 2008 г.).
Чапарро, Барбара, и др. 2004. Чтения текста онлайн: сравнение четырех компоновок пробелов. Wichita State University Software Usablity Research Laboratory Usability News. http://www.surl.org/usabilitynews/62/whitespace.asp (доступно 28 мая 2008 г.).
Дин, Поль. 2008. Терминология экстремальной печати. Я люблю полиграфию, Полиграфический блог. http://ilovetypography.com/2008/03/21/extreme-type-terminology/ и т.д. (доступно 28 мая 2008 г.)
Хортон, Сара, и Линч, Патрик. 2002. Руководство по оформлению Web (http://www.webstyleguide.com/): основные принципы создания Web-сайтов, 2-е издание. New Haven, Conn.: Yale University Press.
Розелли, Адриан. 2002. Простая таблица символьных объектов. Evolt.org. http://www.evolt.org/article/A_Simple_Character_Entity_Chart/17/21234/ (доступно 28 мая 2008).
Упражнения
Перечислите три элемента HTML, отличные от b и i, которые обычно изображаются по умолчанию вариантным шрифтом. Опишите кратко назначение перечисленных элементов, и объясните, как использование вариантного шрифта подходит для предназначения этих элементов.
Субъективно оцените удобочитаемость длинного отрывка текста на свой выбор при изменении значений line-height. Суммируйте кратко свои результаты.
Применение text-transform: uppercase; к одному параграфу отрывка из предыдущего упражнения, и повторите свой субъективный тест удобочитаемости. Суммируйте кратко свои результаты.
Объясните кратко преимущества и недостатки сглаживания (anti-aliasing), используя обзор полиграфии в этой лекции в качестве руководства.
Опишите порядок в котором должны определяться гарнитуры в значении font-family.
В настройке неизвестно-чего выберите как минимум три свойства, описанные в этой лекции и укажите как минимум одно допустимое значение (отличное от используемого по умолчанию) для каждого. Продемонстрируйте или опишите результаты использования этих пар свойство/значение в таблице стилей.
Создайте элемент, заполните его текстом, и задайте для него значение font-size равным 9px. Откройте документ, содержащий этот элемент, в Internet Explorer, и переберите размеры шрифта, имеющиеся в меню View
Text Size. Оцените пригодность этих результатов на сайтах с большим числом посетителей среднего и старшего возраста.
Об авторе
Бен Хеник создает Web-сайты того или иного вида начиная с сентября 1995 г., когда он взялся за свой первый проект Web как академический доброволец. С тех пор большая часть его работы была сделана в качестве фрилансера.
Бен является универсалом, его навыки касаются почти любого аспекта создания и разработки сайта, от CSS и HTML до проектирования и написания текста, и до PHP/MySQL и JavaScript/Ajax.
Он живет в Лоуренсе, Канзас с тремя компьютерами и без телевизора. Вы можете прочитать больше о нем и его работе на сайте henick.net (http://www.henick.net/).