Введение В Em

Опубликованно: 19/07/2008 |Комментарии: 0 | Показы: 43 |

em - мощный и удобный в использовании для задания размеров шрифта сайта.
Какой бы не был размер шрифта 12px, 16 или 60, в em он всегда точно равен этому размеру.

em - еденица измерения в типографии. С чего было выбрано это название?

вот немного истории:

em изначально были равны размеру металического блока в печатных машинках это размер был равен ширину заглавной буквы "М"

Компьютеры используют так называемый "kerning" для выделения горизонтального места под каждую букву, делая буквы равноудаленными. Первоначально, металлический блок был урезан или “kerned”, чтобы сделать горизонтальное дополнение вокруг каждой буквы одинаковым.

Так, в CSS, em - фактически вертикальное измерение. Один em равняется вертикальному месту, необходимому для любой буквы в шрифте, независимо от горизонтального места, которое это занимает. Поэтому:

Если размер шрифта 16px, то 1em = 16px.

У всех популярных браузеров размер шрифта по умолчанию 16px. Поэтому, при настройках браузера по умолчанию, 1em = 16px.

Так, прежде, чем селектор CSS описан, размер шрифта по умолчанию в брауезер 16px. наследует это если не описано другое в CSS. Поэтому 1em = 16px, 0.5em = 8px, 10em = 160px и так далее. Мы можем теперь определить любой размер элемента, в котором мы нуждаемся с помощью em!

Источник статьи: http://www.rusarticles.com/veb-dizajn-statya/vvedenie-v-em-490552.html

Метки:

em

,

css

,

html

Как можно сделать "весёлым" простой интернет-магазин посредством Photoshop. Анимация в Photoshop. Пошаговая инструкция для начинающих аниматоров. Заполнение дырок в слоях

От: Letwellal Интернет> Веб дизайнl 10/04/2013

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

От: Vasiliyl Интернет> Веб дизайнl 10/04/2013

В интернета так много сайтов. А что же такое сайт? Попробуем разобраться, кому же нужен сайт.

От: Stasil Интернет> Веб дизайнl 08/04/2013

Разработка сайта должна преследовать следующие цели: информирование посетителей (формирование публичности компании), укрепление имиджа и стимулирование продаж. Последний аспект в большинстве случаев является ключевым.

От: Александраl Интернет> Веб дизайнl 02/04/2013

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

От: Женяl Интернет> Веб дизайнl 31/03/2013

Выбор разработчика сайта - довольно ответственная работа. Можно положиться на стандартный набор критериев, учитывая при этом масштаб собственной компании.

От: Vasiliyl Интернет> Веб дизайнl 25/03/2013

Создание сайтов для новичков. Основные моменты "до" и "после". Что надо учесть, чтобы сайт был известным и прибыльным.

От: lukarinfol Интернет> Веб дизайнl 17/03/2013 lПоказы: 56

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

От: Владимир Дмитриевl Интернет> Веб дизайнl 11/03/2013 lПоказы: 18

В этой статье мы рассмотрим рекомендации по названиям css классов и идентификаторов, а также увидим на какие виды делятся названия в css.

От: cssmakewriterl Интернет> Веб дизайнl 18/01/2009 lПоказы: 3,755

В статье описаны основные принципы семантического css. Рекомендуемые и не рекомендуемые названия классов.

От: cssmakewriterl Интернет> Веб дизайнl 31/07/2008 lПоказы: 13,150

В данной статье рассмотрена краткая история развития каскадных таблиц стилей

От: cssmakewriterl Интернет> Веб дизайнl 19/07/2008 lПоказы: 232

Обсудить статью

Блок автора
Категории статей
Quantcast