... главная страницаКарта сайтаКонтакты

Главная
Синтаксис CSS
Свойства CSS
Форматирование блоков
Списки
Пример применения стилей
Оптимизация стилей
Оформление текстов
Использование блоков
Позиционирование
Слои в CSS
Готовые решения
Дополнительные возможности CSS
Программа TopStyle
Таблица цветов

 

Все свойства CSS

 
Яндекс.Метрика
 
Чтобы понять как размер шрифта в html, вам следует изучить это.
 

Оформление текста при помощи CSS. (стр.3)

 

 


Еще один доступный вариант задания размера текста в CSS - использование ключевых слов: xx-small, x-small, medium, large, x-large, xx-large. Как уже говорилось ранее, для получения каждого следующего размера используется множитель 1,2.

Ключевых слов всего семь, столько же и размеров было в HTML, только обозначались они цифрами от 1 до 7. Однако использование ключевых слов для задания размера шрифта сопряжено с некоторыми трудностями. Как вы уже знаете, в CSS эта шкала симметрична и в качестве значения по умолчанию используется значение medium, тогда как в HTML эта шкала несимметрична и значением по умолчанию является значение size="3". Из-за такого несоответствия получаем разные размеры шрифта в браузерах Internet Explorer, Opera и Mozilla.

Размер шрифта, установленный при помощи ключевых слов, в разных браузерах отличается

Размер шрифта, установленный при помощи ключевых слов, в разных браузерах отличается


Как видно из этого рисунка, в браузере Mozilla размер medium равен размеру small в браузерах Internet Explorer и Opera, который они используют по умолчанию. Таким образом, можно сделать вывод, что происходит сдвиг значений из-за несовпадения значений по умолчанию в шкалах размера в CSS и HTML.

Разночтения и неодинаковое отображение в различных браузерах размеров шрифта, заданных при помощи ключевых слов, вызывают некоторые трудности в их использовании. Но все-таки их можно преодолеть, написав для разных браузеров отдельные таблицы стилей и подключая нужную с помощью средств JavaScript. Тогда в этих таблицах стилей размеры шрифта должны будут отличаться на один пункт. Так, в таблице для Internet Explorer и Opera будет написано правило:


Р{font-size: small}

А для браузера Mozilla следует написать так:

Р{font-size: medium}

 

Страница: - 1 - | - 2 - | - 3 - | - 4 - | - 5 - | - 6 - | - 7 -

 

Наверх страницы

 

Уроки CSS © 2007 - 2018 г. Все права защищены