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

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

 

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

 
Яндекс.Метрика
 
 

Синтаксис CSS. Единицы измерения (стр.1)

 

 

Правила CSS ||  Типы селекторов ||  Единицы измерения ||  Наследование ||  Каскадирование ||  CSS и браузер


Для того чтобы задавать значения свойств, в CSS предусмотрены различные единицы измерения. Это единицы длины, единицы задания цвета и URL.

Единицы длины

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

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

  1. рх. 1 рх равен одной точке на экране монитора, которую обычно называют пикселем.
  2. em. 1 em равен размеру (высоте) шрифта, используемого в данном элементе. Например, если в пределах абзаца используется размер шрифта, равный 12 пикселям, то в пределах этого абзаца 1 еm = 12 рх.
  3. ех. 1 ех равен высоте строчной буквы "х" в шрифте. Именно по этой букве формируется оптическая высота строки. Величина ех, так же как и величина em, зависит от базового размера шрифта элемента.

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

  1. in. 1 in равен одному дюйму, т.е. 2,54см. Дюйм, как единица измерения длины, характерен для англоязычных стран: США, Великобритании и др.
  2. pt. 1 pt равен 1/72 дюйма; эта величина называется типографским пунктом. В пунктах обычно измеряется размер шрифта, абзацных отступов и тому подобного, если работа ведется в текстовом редакторе наподобие Microsoft Word.
  3. рс. 1 рс равен 12 pt или 1/6 дюйма - эта величина называется пикой. Пика также является величиной, которая чаще всего применяется в типографском деле.
  4. mm. 1 mm равен одному миллиметру метрической системы измерения. Это уже более близкая нам единица измерения, равная одной десятой доле сантиметра.
  5. cm. 1 cm равен одному сантиметру метрической системы измерения. Сантиметр, или одна сотая метра, - привычная нам единица измерения.

Абсолютные величины лучше использовать только тогда, когда известны параметры устройства вывода. Например, экраны мониторов могут иметь совершенно различные размеры и разрешения, которые и определяют размер относительных величин, например пикселя. Так что шрифт размером 10 рх может хорошо читаться на маленьких разрешениях, но плохо на больших.



Страница: - 1 - | - 2 - | - 3 -

 

Правила CSS ||  Типы селекторов ||  Единицы измерения ||  Наследование ||  Каскадирование ||  CSS и браузер

 

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

 

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