29. Оформление текста с помощью css

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

Введение

Так как Web является совокупностью документов - динамических, статических, функциональных - соглашения, согласно которым они форматируются, заимствуются из лучшего доступного нам источника: шести веков традиции печати. Это включает полиграфию. Однако Web является новой и отличающейся информационной средой, а полиграфия Web-сайта требует по большому счету совершенно других навыков для создания представления, и зависит от дополнительных ограничений.

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

Лекция имеет следующую структуру:

Обзор полиграфии Web

• Контраст

• Разборчивость и удобочитаемость

Свойства шрифта CSS: изменение внешнего вида текста

• размер шрифта и выбор единиц измерения

Как это делается

Какие единицы измерения могут применяться в свойствах текста CSS?

Какой смысл использовать так много разных типов единиц измерения?

Что является физическим эквивалентом пикселя рабочего стола?

Em, проценты, и пункты, согласно CSS

Краткое замечание об официальных Рекомендациях CSS 2.1

Ключевые слова размеров

• Выбор семейства шрифтов и гарнитуры

• Стиль шрифта, вариант шрифта, и толщина шрифта: изменение характеристик

Зачем использовать свойство font-style, когда достаточно элементов em и i?

font-variant как другой инструмент для выделения коротких отрывков

font-weight: жирность и ее отсутствие

• Сокращенное свойство font

Свойства CSS для текста и выравнивания: изменение композиции

• Выравнивание и text-align

  • Применение выравнивания для текста, написанного западным алфавитом

• Изменение слежения: свойства letter-spacing и word-spacing

  • Использование единиц измерения em для лучшего контроля

• Отступ начальных строк: свойство text-indent

• Прописные буквы: свойство text-transform

• Оформление ссылок и показ удаления: свойство text-decoration

  • Границы, а не подчеркивания, с помощью acronym и abbr

• Регулировка просвета (интерлиньяж) и высота строки (line-heigh)t

• Вытеснение pre и br: свойство white-space

Заключение

Дополнительное чтение

Контрольные вопросы

Обзор полиграфии Web

В Web дизайнеры имеют значительно меньше контроля над представлением, чем в другой информационной среде. Это становится наиболее очевидно при рассмотрении основных свойств документа, таких как размер, разрешение, и контраст. Существуют также строгие ограничения на качество полиграфии Web, что было рассмотрено в лекции 11 об основах полиграфии.

Другими темами, которые заслуживают дополнительного рассмотрения, являются контраст, разборчивость и удобочитаемость — сейчас мы этим займемся.

Контраст

Контраст печати, легкость, с которой каждый отрывок можно отличить от пробелов и смежных отрывков, зависит от ряда факторов, таких как освещенность, цвет, размер, и композиция. Он упоминается здесь, чтобы обратить внимание, что слабоконтрастная копия должна задаваться с максимально применимым размером шрифта.