Качество веб-страниц -Таблицы стилей


Использование таблиц стилей имеет решающее значение для повышения качества веб-страниц.


Не используйте тег <font>!

Для задания размеров шрифта, отображаемого на веб-страницах, следует использовать CSS. Пожалуйста, не используйте тег font.

Использование тега <font> увеличивает размер документа и каждый раз превращает изменение стандартных размеров текста в кошмар.

Пожалуйста, представьте следующую ситуацию:

Однажды вы решите изменить цвет и размер всех заголовков на вашем сайте. С помощью CSS вам нужно изменить всего одну строку, чтобы добиться этого. Если бы вы использовали тег <font>, вам пришлось бы изменить каждый заголовок на каждой странице сайта.

lamp.gifИспользование стилей вместо тега <font> упрощает для нас создание высококачественных интерфейсов для веб-страниц.


Не используйте фиксированные размеры шрифта

Не используйте фиксированные значения размеров. Всегда используйте относительные значения размеров.

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

Ваши посетители будут использовать разные устройства (мониторы), разные условия просмотра (освещение) и возможные ограничения здоровья (плохое зрение).

Например, вы можете установить размер текста 100% (или medium), основные заголовки — 140% (или x-large), а второстепенные заголовки — 120% (или large), чтобы пользователи могли с помощью браузера сбросить размеры на предпочитаемые.

Примечание:Регулируя размер текста веб-страницы, вы также можете изменить объём текста на напечатанной странице.


Не используйте очень маленькие размеры шрифта по умолчанию

Некоторые веб-сайты используют очень маленькие размеры текста, чтобы вместить больше содержимого на каждую страницу или чтобы страница выглядела более «модной».

Опять же, использование разных устройств (мониторов), разных условий просмотра (освещения) и возможных ограничений здоровья (плохого зрения) может вызывать у пользователей трудности при чтении.

lamp.gifПожалуйста, не заставляйте пользователей увеличивать текст каждый раз, когда они посещают ваш сайт.


Всегда используйте один и тот же цвет фона

Большинство веб-страниц используют цвета для разных текстовых элементов. Цвет заголовков и ссылок обычно отличается от цвета основного текста.

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

Если вы задаёте цвета для веб-элементов, вы также должны задать цвет фона.

Если вы не задаёте цвет фона, ваш веб-сайт может быть испорчен неудачными цветовыми сочетаниями (например, ярко-красный текст на красном фоне или тёмный текст на тёмном фоне).

lamp.gifЕсли вы не укажете цвет фона, текст может стать очень трудночитаемым.

Другие расширения