Em что такое: px, em, rem и другие

Содержание

Преобразование px в em онлайн

Что такое Em?

В Википедии хорошо сказано: «Em - это единица измерения в области типографии, равная размеру текущего шрифта». Если ваш размер шрифта составляет 16 пикселей, то 1em = 16px

  1. Базовый размер

    Введите базовый размер шрифта в px

    px


  2. Конвертировать

  3. Преобразовать

  4. Результат

Какая разница в размерах текста между PX, EM,%, PT?

Пиксели и точки являются статическими измерениями, но обычно используются в различных средах. Пиксели используются на экранах, потому что экраны измеряются в пикселях. Хотя точки можно использовать на экране, они являются стандартом печати, поскольку они являются фактором DPI .

Процент и EM с другой стороны являются относительными измерениями. Размер EM или процентной единицы зависит от его родителя. Если размер основного текста составляет 12 пикселей, то для текста, установленного на 120% или 1,2 EM внутри тела, будет 1,2 * 12 или 14,4 пикселей.

Как я могу конвертировать между PX, EM,% и PT?

Вот формулы, которые используются в конвертере.

Примечание: 16px используется как размер основного текста во всех конверсиях, потому что это браузер по умолчанию. Вы измените 16px на ваш основной размер текста.

PX to EM
Формула: размер в пикселях / Родительский размер в пикселях
Пример: 12px / 16px = .75em

PX to %
Формула: size in pixels / parent size in pixels * 100
Пример: 12px / 16px * 100 = 75%

PX to PT
Формула: size in pixels * (points per inch / pixels per inch)
Пример: 16px * (72pt / 96px) = 12pt

EM to PX
Формула: size in EMs * parent size in pixels
Пример: . 75em * 16px = 12px

EM to %
Формула: size in EMs * 100
Пример: .75em * 100 = 75%

Зачем размер текста с помощью EM в CSS?

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

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

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

Преобразование px в em

Выберите размер шрифта вашего body в пикселях (px)и получите полную таблицу преобразования пикселей (px) в em, что сделает эластичный веб-дизайн с помощью CSS очень простым. Когда-то пугающая задача преобразования пикселей (px) в неуловимые em теперь перестала быть проблемой.

UnitType Перечисление (System.Web.UI.WebControls) | Microsoft Docs

Определение

Задает единицу измерения.Specifies the unit of measurement.

В этой статье

public enum class UnitType
public enum UnitType
type UnitType =
Public Enum UnitType
Наследование

Поля

Cm 6

Единицы измерения — сантиметры.Measurement is in centimeters.

Em 8

Единица измерения определяется относительно высоты шрифта родительского элемента.Measurement is relative to the height of the parent element's font.

Ex 9

Единица измерения определяется относительно высоты буквы x, находящейся в нижнем регистре и написанной шрифтом родительского элемента.Measurement is relative to the height of the lowercase letter x of the parent element's font.

Inch 4

Единицы измерения — дюймы.Measurement is in inches.

Mm 5

Единицы измерения — миллиметры.Measurement is in millimeters.

Percentage 7

Единица измерения определяется в процентах относительно родительского элемента.Measurement is a percentage relative to the parent element.

Pica 3

Единицы измерения — пики. Measurement is in picas. Пика равняется 12 точкам.A pica represents 12 points.

Pixel 1

Единицы измерения — пиксели.Measurement is in pixels.

Point 2

Единицы измерения — точки.Measurement is in points. Точка равна 1/72 дюйма.A point represents 1/72 of an inch.

Комментарии

UnitTypeПеречисление представляет различные поддерживаемые единицы измерения.The UnitType enumeration represents the different supported measurement units. Измерения могут быть представлены в пикселях, точках, пиках, дюймах, миллиметрах, сантиметрах, процентах, EM или ex.Measurements can be represented in pixels, points, picas, inches, millimeters, centimeters, percentages, em, or ex.

Точка — это единица измерения, представляющая 1/72 дюйма.A Point is a unit of measurement that represents 1/72 of an inch.

Пика — это единица измерения, равная 12 пунктам.A Pica is a unit that equals 12 points.

Процент — это единица измерения, относящаяся к родительскому элементу.A Percentage is a unit of measurement that is relative to a parent element. Например, если размер шрифта абзаца равен 10 пикселям, можно поместить фразу внутри абзаца с размером шрифта, указанным как 200%.For example, if the font size of a paragraph is 10 pixels, you can place a phrase inside the paragraph with a font size specified as 200%. Размер шрифта фразы дважды меняется на размер шрифта абзаца или 20 пикселей.The font size of the phrase becomes twice the font size of the paragraph, or 20 pixels.

EM — это единица измерения, относящаяся к высоте шрифта родительского элемента.An Em is a unit of measurement that is relative to the height of a parent element's font. Например, если размер шрифта абзаца равен 10 пикселям, можно поместить фразу внутри абзаца, указав размер шрифта, заданный как 2 EM.For example, if the font size of a paragraph is 10 pixels, you can place a phrase inside the paragraph with a font size specified as 2 em.

Размер шрифта фразы дважды меняется на размер шрифта абзаца или 20 пикселей.The font size of the phrase becomes twice the font size of the paragraph, or 20 pixels.

EX — это единица измерения, которая относится к высоте буквы "строчная буква x" шрифта родительского элемента.An Ex is a unit of measurement that is relative to the height of the lowercase letter x of the parent element's font. Например, если размер шрифта абзаца равен 10 пикселям, можно поместить фразу в абзац с размером шрифта, указанным как 2 ex.For example if the font size of a paragraph is 10 pixels, you can place a phrase inside the paragraph with a font size specified as 2 ex. Размер шрифта фразы дважды меняется на размер шрифта буквы x в нижнем регистре в абзаце.The font size of the phrase becomes twice the font size of a lowercase letter x in the paragraph.

Применяется к

См. также раздел

Что такое em, ex, px, px, pt в css | Блог Andee

Что такое em, ex, px, px, pt в css

Сканируя сайты в интернете в поисках информации о шрифтах, встречаюсь с различными обозначениями их размеров:
– pt;
– px;
– em.

Первый из них я еще понятен, а что означают другие единицы измерения и как их устанавливать?

В CSS существуют следующие меры длены:
em – эквивалентны вычисленному значению свойства ‘font-size’ того элемента, в котором оно используется. Исключением является тот случай, когда ‘em’ появляется в самом значении свойства ‘font-size’, тогда оно относится к размеру шрифта родительского элемента. Может использоваться для вертикального или горизонтального измерения. (Эта единица измерения иногда называется квад-ширина в типографском тексте.)

ex- определяются ‘x-height’ шрифта. x-height называется так, потому что она часто равна высоте "x" нижнего регистра. Однако ‘ex’ определены даже для тех шрифтов, которые не содержат "x".

px – Пиксели относительны к разрешению устройства просмотра, т.е. чаще всего – дисплея компьютера. Если плотность пикселов выводного устройства сильно отличается от плотности типичного компьютерного дисплея, ПА должен перемасштабировать пиксельные значения. Рекомендуется, чтобы пиксель в качестве точки отсчёта был визуальным углом одного пикселя на устройстве с плотностью пикселов 90dpi на расстоянии вытянутой руки от читателя. При нормальной длине руки 28 дюймов визуальный угол будет примерно 0.0227 градусов.

с - дюймы – 1 дюйм равен 2.54 сантиметра.

cm - сантиметры

mm – миллиметры

pt – пункт, используемый в CSS2, равен 1/72 дюйма.

pc – пики. 1 пика равна 12 пунктам.


Подпишись на этот крутой блог по RSS


Случайные записи

Единицы «em» в CSS

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

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

Определение em:

Значение равное вычисленному значению параметра font-size, примененного к элементу.

Другими словами, если у нас будет следующий код CSS:

.element {
font-size: 20px;
}

Это означает, что 1em, установленное в том элементе или в любом из его дочерних элементах, будет равное 20 пикселям. Если вы используете следующий код:

{
.element { font-size: 20px; 
width: 4em; 
height: 4em; 
}

Это означает, что ширины и высота элемента (указанные здесь как 4em x 4em) будут составлять 80px x 80px (20px * 4 = 80 px).

подробнее:
Em – это единица изменения в типографии, равное текущему указанному размеру шрифта. Название em связано с буквой M. Изначально данная единица была получена из ширины заглавной буквы М при использовании определенного шрифта

Документация продолжена объяснением того, что, хотя название изначально и было основано на ширине буквы М, сейчас это уже не имеет значения. Так как на сегодняшний день единица измерения em связана с точечным размером шрифта.

Используя данный метод вычисления, в CSS-файле не бывает точного определения тому, что есть такое em. Значение данной единицы зависит от того, как составлены ваши каскадные таблицы стилей. Теоретически, если вы указали значение длины всех элементов в единице измерения em, то изменения одного лишь размера шрифта будет достаточно, чтобы «уничтожить» всю вашу точную до пикселя разметку.

А что если я не использую параметр font-size?

В примере, приведенном выше, и в JSBin, на который мы сослались, точно указан параметр font-size. Единица em впоследствии выводится из параметра «base». Но что если в элементе не указан точный параметр font-size?

В таком случае, так как параметр font-size наследуется по всему древу документа, значение единицы em будет выведен из того параметра, который был унаследован. Если во всем документе ни разу не упоминается параметр font-size, то значение отдельной единицы em будет равным 16 пикселям, что является значением по умолчанию (и нам кажется, что это не различается во всех браузерах).

«rem» должен быть автоматическим для людей

Пришло время привлечь и новое добавление в CSS: единицу rem. Данная единица (название получено от «root em») отлично поддерживается во всех браузерах: IE9+, FF3.6+, Chrome, Safari 5+ и Opera 11.6+.

В целом, данная единица очень проста к пониманию. Она дает вам возможность сделать так, чтобы значения единиц em во всем HTML-документе были основаны на одном «главном» значении, указанном в «html»-элементе. Таким образом, вы можете забыть про параметр font-size, так как все em-единицы, использованные в документе, будут основаны на главном значении rem, например:

html { font-size: 62.5%; }
 body { font-size: 1.4rem; } /* =14px */
 h2 { font-size: 2.4rem; } /* =24px */

И, как и в случае с em, если вы не указываете значение font-size в «html»-элементе, то «главная» единица (root em) будет равна 16 пикселям по умолчанию.

Carpe di-em

Можно выдумать еще целую кучу выражений с em 🙂

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

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

Вконтакте

Одноклассники

Мой мир

Facebook

E-mail

JPMorgan: рынок акций EM будет приносить по 18% в год в ближайшие пять лет

Корзина из акций 1200 компаний развивающихся стран в ближайшие пять лет будет ежегодно приносить прибыль в 18%, спрогнозировал в интервью Bloomberg глава JPMorgan Emerging Markets Equity Fund Леон Эйдельман. Его фонд, управляющий активами в $7.4 млрд, за последние пять лет показал лучшую динамику, чем 96% конкурентов.

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

Примерно 19% активов JPMorgan EM Equity Fund вложены в бумаги четырех азиатских технологических компаний: Alibaba, Tencent, Taiwan Semiconductor и Samsung Electronics, пишет Bloomberg со ссылкой на последний отчет фонда. Доля компаний из индекса MSCI EM Index в портфеле фонда имеет чуть больший вес.


«Мы полагаем, что в ближайшие пять лет доля этих четырех компаний на рынке вырастет», - отмечает господин Эйдельман.


В этом году стоимость активов JPMorgan EM Equity Fund снизилась на 18%, однако ему все равно удалось показать лучшую динамику, чем 75% его конкурентов (см. график выше - прим. ProFinance.ru). Произошло это благодаря почти полному отсутствию в его портфеле акций нефтяных компаний. По словам инвестора, он предпочитает технологические компании, вроде шанхайской WuXi Biologics Cayman (фармацевтика), пекинской Meituan Dianping (онлайн торговля) или аргентинской MercadoLibre (электронная торговля).

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

По его мнению, две крупнейших экономики мира, США и Китай, лучше всех готовы к быстрому восстановлению после окончания пандемия коронавируса. Вашингтону поможет резервный статус доллара, а Пекину — его способность ввести карантин таким образом, чтобы избежать склок с другими странами.


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


Такие крупные компании, как GMO, Research Affiliates и Natixis Investment Managers, тоже оптимистично оценивают перспективы рынка акций развивающихся стран после худшего для него квартала со времен мирового финансового кризиса 2008-2009 годов.

Подготовлено ProFinance.ru по материалам агентства Bloomberg

По теме:

Миллиардер-инвестор предупреждает, что рынку акций еще падать и падать

Разговорные формы и сокращения в английском языке


Ключи к упражнениям

Spoken English Reductions


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

Часто в разговорной речи, (а также в текстах песен, и даже в литературных произведениях) мы встречаем слова: wanna, gonna, gotta и др. Особенно они характерны для американского варианта английской разговорной речи. Но и строгие британцы не гнушаются ими в свободное от работы время 🙂

Так, wanna – это не что иное, как want to (хотеть). Например:
What you wanna do now? – Что ты хочешь (или будешь) делать сейчас?
Сравните: What do you want to do now?

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

Gonna используется вместо going to (собираться что-либо сделать). Если вы ещё помните – это одна из форм выражения будущего времени. Например:
What you gonna do now? – Что ты собираешься сейчас делать?
Сравните: What are you going to do now?

Gotta, как правило, употребляется вместо got to (должен, обязан):
I’ve gotta phone my mum right now. – Я должен (должна) позвонить маме прямо сейчас.
Сравните: I have got to phone my mum right now.

Запомните ещё несколько часто используемых в разговорной речи сокращений, о которых, почему-то редко вспоминают в учебниках:

em (‘em) = them – их, им
gimme = give me – дай мне
lemme = let me – позволь (разреши-те) мне
whassup = what is up или чаще what’s up – что случилось
kinda = kind of – вроде, как будто, немного
D'jever (jever) = did you ever – ты когда-нибудь…

Также часто в устной речи и чуть реже на письме, вместо окончания -ing произносят и пишут просто -in’.

И, как водится, несколько примеров:

Let 'em know that I'll be waitin' (Let them know that I will be waiting) – Скажи им что я буду ждать.
Whatser name? (What is her name?) – Как её зовут?
I’m kinda busy. (I am kind of busy.) – Я немного занят.
Gimme some more time. (Give me some more time.)– Дай мне ещё немного времени.
Whaddayasay? (What did you say?) – Что ты сказал?

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

Впрочем, в повседневной жизни Америки, – на работе в кинотеатре или магазине Вы скорее услышите подобные сокращения, чем чистую литературную речь. А употреблять их лично Вам или нет, – решайте сами. Это в первую очередь зависит от Вашей уверенности в себе, раскрепощённости, и от того, каких целей Вы хотите достичь в разговоре.
К оглавлению · Ключи к упражнениям · Слушать · Грамматика в халатике  

EМ — масштабируемый алгоритм кластеризации

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

Его название происходит от слов «expectation-maximization», что можно перевести как «ожидание-максимизация». Это связано с тем, что каждая итерация содержит два шага – вычисление ожидаемых оценок параметров статистической модели (expectation) и максимизацию (maximisation) логарифмической функции правдоподобия для модели смеси статистических распределений, которая наилучшим образом аппроксимирует исходные данные. Алгоритм основан на методике итеративного вычисления оценок максимального правдоподобия, предложенной в 1977 г. (A. P. Demster, N. M. Laird, D. B. Rubin. Maximum Likelihood from Incomplete Data via the EM Algorithm).

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

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

Это значит, что EM-алгоритм даёт локально-оптимальное решение, что с точки зрения задачи кластеризации делает его эвристическим, т.е. дающим неточное и не единственное решение, но приемлемое в большинстве практически значимых случаев. Следовательно, формируемая с помощью алгоритма кластерная структура не является точной и единственно возможной, а является наиболее «правдоподобной». Поэтому подходить к её содержательной интерпретации следует с известной осторожностью.

В основе идеи кластеризации с применением EM-алгоритма лежит предположение, что исследуемое множество данных может быть смоделировано с помощью линейной комбинации многомерных нормальных распределений, а целью является оценка параметров распределения, которые максимизируют логарифмическую функцию правдоподобия, используемую в качестве меры качества модели. {k}w_{i}\cdot f(x|i)

где f(x|i) — условное нормальное распределение для i-го кластера, w_i — доля наблюдений исходного набора данных, распределённых в i-й кластер (вес кластера).

Практическая реализация алгоритма

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

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

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

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

В процессе работы алгоритм вычисляет матрицу средних значений M, ковариаций R и весов W для функции распределения вероятности, описанной выше. Параметры, оцененные алгоритмом, сохраняются в таблице вида:

Следует отметить, что один из популярных алгоритмов кластеризации k-means можно рассматривать как частный случай EM-алгоритма, когда все элементы матрицы W одинаковы и w_{j}=\frac{1}{k}, а R=I, где I — единичная матрица (квадратная матрица, элементы главной диагонали которой равны единице, а остальные равны нулю).

В матрице M, таким образом, каждая строка M_j представляет собой вектор математических ожиданий значений внутри кластера по каждому измерению данных, т.е. является центроидом j-го кластера.

Алгоритм начинает работу с инициализации, т.е. некоторого приближенного решения, которое может быть выбрано случайно или задано пользователем исходя из некоторых априорных сведений об исходных данных. Наиболее общим способом инициализации является присвоение элементам матрицы математических ожиданий M случайных значенийM\leftarrow \mu (т.е. случайно задаются центроиды кластеров), начальная ковариационная матрица определяется как единичная r\leftarrow I, веса кластеров задаются одинаковыми w_{j}=\frac{1}{k}.

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

Реализация алгоритма EM может быть проиллюстрирована с помощью следующего псевдокода:

INPUT:
   k // число кластеров
   j=1..k // номер кластера
   Y=\left \{ y_{1},y_{2},...,y_{n} \right \} // множество из n наблюдений q-мерного пространства
   i=1..n // номер наблюдения
   t=1..q// индекс измерения
   \varepsilon // минимальное приращение функции логарифмического правдоподобия по достижении которого алгоритм останавливается;
   Q_{max} // максимальное число итераций алгоритма (если алгоритм не сходится, то будет остановлен при достижении данного числа итераций).
OUTPUT:
   M, R, W // матрицы обновляемых параметров смеси распределений;
   X // матрица нормированных вероятностей принадлежности наблюдений к кластерам.
INITIALIZATION:
   M\leftarrow Random, R\leftarrow Random, W\leftarrow Random
WHILE
   \Delta llh\geq \varepsilon AND Q< Q_{max}
     PROCEDURE ЕXPECTATION
         llh=0
         FOR i=1 TO n
                sump=0
                FOR j=1 TO k
                       \delta _{ij}^{2}=(y_{i}-M_{j})^{T}\cdot R^{-1}\cdot (y_{i}-M_{j})
                      p_{ij}=\frac{w_{j}}{(2\cdot \pi)^{\frac{q}{2}}\cdot |R|^{\frac{1}{2}}}\cdot exp\left \{ -\frac{1}{2}\cdot \delta_{ij}^{2} \right \}
                      sump=sump+p_{ij}
                END FOR j
                X_{i}=\frac{P_i}{sump}
                \Delta llh=ln(sump)
                llh=llh+\Delta llh
                M=M+y_{i}\cdot X_{i}^{T}
                W=W+X_{i}
         END FOR i
  END PROCEDURE
 PROCEDURE MAXIMIZATION
         FOR j=1 TO k
               M_{j}=\frac{M_{j}}{W_{j}}
               FOR i=1 TO n
                       R_{j}=R_{j}+(y_{i}-M_{j})x_{ij}(y_{i}-M_{j})^{T}
               END FOR i
               R_{j}=\frac{R_{j}}{n}
               W=\frac{W}{n}
         END FOR j
  END PROCEDURE
END WHILE

Алгоритм содержит два шага: шаг ожидания (expectation) или Е-шаг и шаг максимизации (maximization) или M-шаг. {T} равны нулю.

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

Численный эксперимент

Для иллюстрации работы EM-алгоритма и его сравнения с алгоритмом k-means рассмотрим результаты численного эксперимента. Для его проведения был использован набор данных, наблюдения которого представлены в виде точек в пространстве признаков на рис. 2.

Рисунок 2. Исходный набор данных для EM-алгоритма

Обратите внимание, что исходный набор данных не является простым для кластеризации, поскольку имеется явное перекрытие кластеров (области 1 и 2). В области 1 перекрываются кластеры 1 и 2, а в области 2 кластеры 4 и 5. Кластеры 3 и 6 расположены обособленно и, как ожидается, будут легко разделимыми. Для алгоритма k-means особые трудности должны возникнуть в местах перекрытия кластеров. Данное предположение подтверждается результатами, представленным на рис. 3.

Рисунок 3. Перекрытие кластеров

В местах перекрытия кластеров наблюдается наибольшее число ошибок. В то же время обособленные кластеры 3 и 6 были распознаны алгоритмом k-means без ошибок. Как можно увидеть на рис. 4, алгоритм EM весьма успешно выявил перекрывающиеся кластеры, хотя и почти не распознал кластер 6.

Рисунок 4. Результаты кластеризации с помощью EM-алгоритма

Таким образом, можно сделать вывод, что алгоритм k-means может иметь преимущество при работе с обособленными (неперекрывающимися) кластерами, но полностью проигрывает алгоритму EM при наличии их перекрытия.

Литература

  • Королёв В.Ю. ЕМ-алгоритм, его модификации и их применение к задаче разделения смесей вероятностных распределений. Теоретический обзор. — М.: ИПИРАН, 2007.
  • Dempster, A., Laird, N., and Rubin, D. (1977). Maximum likelihood from incomplete data via the EM algorithm. Journal of the Royal Statistical Society, Series B, 39(1):1–38.
  • McLachlan, G. and Krishnan, T. The EM algorithm and extensions. Wiley series in probability and statistics. John Wiley & Sons. (1997). Paul S. Bradley, Usama M.
  • Fayyad, Cory A. Reina, Scaling EM (Expectation-Maximization) Clustering to Large Databases, Microsoft Research Technical Report MSR-TR-98-35. Redmond, WA 98052, 1999.

 

Другие материалы по теме:

Алгоритмы кластеризации на службе Data Mining

Кластеризация категорийных данных: масштабируемый алгоритм CLOPE

Определение Em по Merriam-Webster

\ ˈEm \

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

2 электронный микроскоп; электронная микроскопия

em, px, pt, cm, дюйм…

См. Также указатель всех подсказок.

На этой странице:

см , пикселей , пикселей , см , дюймов

CSS предлагает несколько различных единиц для выражения длины. Некоторые из них имеют свою историю в типографике, например point ( pt ) и pica ( pc ), другие известны из повседневное использование, например, сантиметр ( см, ) и дюйм ( в ). А еще есть «магический» юнит, который был придумано специально для CSS: пикселей .Это Значит, разным свойствам нужны разные блоки?

Нет, единицы не имеют ничего общего с недвижимостью, но все, что есть на носителе: экран или бумага.

Нет никаких ограничений на то, какие единицы можно использовать и где. Если свойство принимает значение в пикселей (поле : 5px ) также принимает значение в дюймах или сантиметрах. ( поле: 1,2 дюйма; поле: 0,5 см ) и наоборот.

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

Рекомендуемый Периодическое использование Не рекомендуется
Экран em, px,% пр. pt, см, мм, дюйм, шт
Печать em, см, мм, дюйм, пт, шт,% пикс., Пр.

Соотношение между абсолютными единицами измерения выглядит следующим образом: 1 дюйм = 2.54 см = 25,4 мм = 72 точки = 6 шт.

Если у вас под рукой есть линейка, вы можете проверить точность вашего устройства. это: вот коробка высотой 1 дюйм (2,54 см): ↑
72pt

Так называемые абсолютных единиц ( см , мм , в , pt и pc ) означают то же самое в CSS, что и везде, , но только если ваше устройство вывода имеет достаточно высокое разрешение. на лазерный принтер, 1 см должен быть ровно 1 сантиметр.Но на устройства с низким разрешением, такие как экраны компьютеров, CSS не требуют этого. И действительно, результат имеет тенденцию отличаться от одного устройство к другому и от одной реализации CSS к другой. Это лучше зарезервировать эти блоки для устройств с высоким разрешением и в особенно для печатной продукции. На экранах компьютеров и портативных устройств, вы, вероятно, не получите того, чего ожидаете.

Раньше CSS требовал, чтобы реализации отображали абсолютные единицы корректно даже на экранах компьютеров.Но поскольку количество неправильных реализаций больше, чем правильных, и ситуация, похоже, не улучшилась, CSS отказался от этого требования в 2011 году. В настоящее время абсолютные единицы должны корректно работать только на печатная продукция и на устройствах с высоким разрешением.

CSS не определяет, что означает «высокое разрешение». Но как бюджетный принтеры в настоящее время начинаются с 300 точек на дюйм, а экраны высокого класса - с 200dpi, обрезка, вероятно, находится где-то посередине.

Есть еще одна причина избегать использования абсолютных единиц для других целей. чем печатать: вы смотрите на разные экраны с разного расстояния.1 см на экране рабочего стола выглядит маленьким. Но то же самое на мобильном телефоне прямо перед вашими глазами выглядит большим. Лучше использовать относительные единицы, например em .

Агрегаты em и ex зависят от шрифт и может быть разным для каждого элемента в документе. В em - это просто размер шрифта. В элементе с 2-дюймовым font, 1em, таким образом, означает 2in. Выражение размеров, например полей и paddings, в em означает, что они связаны со шрифтом размер, и если у пользователя большой шрифт (например.г., на большом экране) или мелкий шрифт (например, на портативном устройстве), размеры будут в пропорция. Объявления, такие как text-indent: 1.5em и margin: 1em чрезвычайно распространены в CSS.

Агрегат ex используется редко. Его цель - выразить размеры, которые должны быть связаны с x-высотой шрифта. В x-height - это, грубо говоря, высота строчных букв, таких как a, c, m, или o. шрифтов одинакового размера (и таким образом, тот же em ) может сильно отличаться по размеру их строчные буквы, и когда важно, чтобы какое-то изображение, е.г., соответствует высоте x, устройство ex соответствует имеется в наличии.

Блок пикселей и - это волшебная единица CSS. Нет связаны с текущим шрифтом и обычно не связаны с физическим сантиметры или дюймы тоже. Определен блок пикселей, пикселей. быть маленьким, но видимым и таким, чтобы горизонтальная линия шириной 1 пиксель может отображаться с резкими краями (без сглаживания). Что такое резкий, мелкий и видимый - зависит от устройства и от того, как оно расположено используется: вы держите его близко к глазам, как мобильный телефон, на длина вытянутой руки, как монитор компьютера, или где-то посередине, например читалка электронных книг? Таким образом, пикселей не определяется как постоянной длины, но как то, что зависит от типа устройство и его типичное использование.

Чтобы составить представление о внешнем виде объекта размером px и , представьте компьютерный монитор с ЭЛТ 1990-х годов: самая маленькая точка, которую он может дисплей измеряет около 1/100 дюйма (0,25 мм) или немного более. Устройство пикселей и получило свое название от этого экрана. пикселей.

В настоящее время существуют устройства, которые в принципе могут отображать более мелкие острые точки (хотя вам может потребоваться лупа, чтобы увидеть их). Но документы прошлого века, которые использовали пикселей в CSS, по-прежнему выглядят одинаково, независимо от устройства.В частности, принтеры могут отображать четкие линии с гораздо меньшим детали, чем 1 пиксель, но даже на принтерах линия в 1 пиксель выглядит очень так же, как это выглядело бы на мониторе компьютера. Смена устройств, но пикселей и всегда имеют одинаковый внешний вид.

Фактически, CSS требует, чтобы 1px было точно 1/96 дюйма во всей распечатываемой продукции. CSS считает, что принтеры, в отличие от экранов, не должны иметь разные размеры для пикселей для печати четких линий.В печатных СМИ px, таким образом, не только имеет одинаковый внешний вид с одного устройства на другой, но на самом деле это то же самое.

CSS также определяет, что растровые изображения (например, фотографии) по умолчанию, отображается с отображением одного пикселя изображения на 1 пиксель. Фото с разрешением 600 на 400 пикселей будет 600 пикселей в ширину и 400 пикселей в высоту. В пиксели на фотографии, таким образом, не сопоставляются с пикселями устройства отображения. (который может быть очень маленьким), но сопоставьте пикселей с единицами.Что позволяет точно выровнять изображения по другим элементам документ, если в вашем стиле используются блоки пикселей и пикселей. лист, а не пт , см, и т. д.

Используйте

em или пикселей для размера шрифта

CSS унаследовал от типографики единицы pt (point) и pc (pica). Принтеры традиционно использовали те и аналогичные агрегаты вместо см или в .В CSS нет причин использовать pt , используйте любую единицу, которую вы предпочитаете. Но там это хороший причина использовать ни pt , ни какой-либо другой абсолютный unit и используйте только em и px .

Вот несколько линий разной толщины. Некоторые или все они могут выглядеть резкими, но по крайней мере линии 1px и 2px должны быть резкие и заметные:

0.5pt, 1px, 1pt, 1,5 пикселя, 2 пикселя

Если первые четыре строки выглядят одинаково (или если 0.Линия 5pt отсутствует), вы, вероятно, смотрите на монитор компьютера, который не может отображать точки меньше 1 пикселя. Если линии появляются увеличения толщины, вы, вероятно, смотрите на эту страницу на качественный компьютерный экран или на бумаге. И если 1pt выглядит толще чем 1.5px, у вас, вероятно, портативный экран.

Волшебная единица CSS, пикселей, , часто бывает хорошей единицы измерения, особенно если стиль требует выравнивания текста по изображения, или просто потому, что все, что имеет ширину 1 пиксель или кратное 1px гарантированно будет выглядеть резким.

Но для размеров шрифта еще лучше использовать em . Идея состоит в том, чтобы (1) не устанавливать размер шрифта элемента BODY (в HTML), но используйте размер устройства по умолчанию, потому что это размер, удобный для чтения; и (2) экспресс-шрифт размеры остальных элементов в em : h2 {font-size: 2.5em} , чтобы h2 в 2,5 раза больше обычного, body шрифт.

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

Таким образом, блок пикселей и защищает вас от необходимости знать разрешение устройства. Будет ли выход 96 точек на дюйм, 100, 220 или 1800 точек на дюйм, длина, выраженная целым числом пикселей всегда выглядит хорошо и очень похоже на всех устройств. Но что делать, если вы и хотите узнать разрешение устройства, например, чтобы узнать, безопасно ли использовать 0.Линия 5px ? Ответ - проверить разрешение через Media Queries. Объяснение медиа-запросов выходит за рамки этой статьи, но вот небольшой пример:

div.mybox {border: 2px solid}
@media (минимальное разрешение: 2dppx) {
  / * Медиа с 2 или более точками на пиксель * /
  div.mybox {border: 1.5px solid}
}
 

Больше единиц в CSS

Чтобы еще проще было писать правила стиля, зависящие только от размер шрифта по умолчанию, CSS с 2013 года имеет новый блок: rem . rem (от «root em») - это шрифт. размер корневого элемента документа. В отличие от em , который может быть разным для каждого элемента, rem постоянен во всем документе. Например, дать P и элементы h2 на том же левом поле, сравните этот стиль до 2013 года. простынь:

 p {margin-left: 1em}
h2 {размер шрифта: 3em; margin-left: 0,333em} 

с новой версией:

 p {margin-left: 1rem}
h2 {размер шрифта: 3em; margin-left: 1rem} 

Другие новые блоки позволяют указывать размеры относительно окно читателя.Это vw и vh . vw составляет 1/100 ширины окна а vh составляет 1/100 высоты окна. Там также vmin , что означает, какой самые маленькие из vw и vh . И vmax . (Вы можете догадаться, что он делает.)

Поскольку они такие новые, они еще не везде работают. Но на начало 2015 года их поддерживают несколько браузеров.

: элемент «Акцент» - HTML: язык разметки гипертекста

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

Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, клонируйте https://github.com/mdn/interactive-examples и отправьте нам запрос на перенос.

Элемент предназначен для слов с ударением по сравнению с окружающим текстом, который часто ограничивается словом или словами предложения и влияет на значение самого предложения.

Обычно этот элемент отображается курсивом. Однако его не следует использовать для нанесения курсива; используйте для этой цели свойство стиля шрифта CSS . Используйте элемент , чтобы отметить название произведения (книга, пьеса, песня и т. Д.). Используйте элемент , чтобы пометить текст с другим тоном или настроением, который охватывает многие распространенные ситуации для курсива, такие как научные названия или слова на других языках. Используйте элемент , чтобы отметить текст, который имеет большее значение, чем окружающий текст.

vs.

Новые разработчики часто сбиваются с толку, видя несколько элементов, дающих одинаковые результаты. и - типичный пример, поскольку оба они выделяют текст курсивом. Какая разница? Что вам следует использовать?

По умолчанию визуальный результат такой же. Однако смысловое значение другое. Элемент представляет акцент на своем содержании, а элемент представляет текст, который отличается от обычной прозы, например, иностранное слово, мысли вымышленных персонажей или когда текст ссылается на определение. слова вместо представления его семантического значения.(В названии произведения, таком как название книги или фильма, следует использовать .)

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

Примером для может быть: «Просто сделайте уже !» Или: «У нас было , чтобы что-то с этим сделать». Человек или программа, читающие текст, произносят слова курсивом с ударением, используя словесное ударение.

Примером может быть: «Корабль Queen Mary отплыл прошлой ночью». Здесь нет особого акцента или важности слову «Королева Мария». Просто указано, что рассматриваемый объект не королева по имени Мария, а корабль с именем Queen Mary . Другой пример для может быть: «Слово , - это артикль».

Элемент часто используется для обозначения неявного или явного контраста.

  

В HTML 5 то, что раньше называлось Содержание уровня блока теперь называется поток контента.

Результат

Таблицы BCD загружаются только в браузере

Что означает "EM?" - Определение EM - Значение EM

Что означает "EM?"

Это может быть единственная веб-страница, посвященная объяснению значения 'EM (аббревиатура EM / аббревиатура / сленговое слово).

Вы когда-нибудь задумывались, что означает 'EM ? Или любой другой 9309 сленговые слова, сокращения и аббревиатуры, перечисленные здесь, на Интернет-сленге? Ваш ресурс для веб-сокращений, веб-аббревиатур и netspeak.

Что такое EM?

EM - это «Они»

'Определение EM /' EM означает

Определение «EM» - это «они»

Значение EM

"EM" означает "они"
Итак, теперь вы знаете - «ЭМ» означает «они» - не благодарите нас.YW!

Что означает «EM»? 'EM - это акроним, аббревиатура или сленговое слово, которое объясняется выше, где дано определение 'EM.

Прочие термины, относящиеся к «им»:
DEM их
OFWGKTA Odd Future Wolf Gang Kill Them All (рэпперы)

Расскажите другу об InternetSlang.ком

Добавьте аббревиатуру - Карта сайта - Случайный сленг

2002-2021 InternetSlang.com

rem против em единиц в CSS

Хотя в этом руководстве содержится контент, который, по нашему мнению, принесет большую пользу нашему сообществу, мы еще не тестировали или отредактировал его, чтобы обеспечить безошибочное обучение.Это в нашем списке, и мы над этим работаем! Вы можете помочь нам, нажав кнопку «сообщить о проблеме» в нижней части руководства.

Введение

У нас есть много хороших вариантов, когда дело доходит до единиц в CSS. В современном мире адаптивного дизайна относительные единицы, такие как em или rem, дают нам возможность адаптации и гибкости прямо из коробки, что позволяет определять размеры на основе размеров шрифта, определенных выше в разметке.

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

Сводка: em для свойства font-size будут относиться к font-size родительского элемента. Единицы em для других свойств, кроме font-size, будут относиться к font-size текущего элемента. Размеры единиц rem всегда будут относиться к размеру шрифта корневого элемента html .

em Установка

em заимствовано из мира типографики, и это единица, позволяющая установить размер шрифта элемента относительно размера шрифта его родительского элемента.

Рассмотрим простой пример:

  .parent {
  размер шрифта: 18 пикселей;
}
.ребенок {
  размер шрифта: 1.5em;
}
  

В этом примере у дочернего элемента будет размер шрифта 27 пикселей (1,5 * 18 пикселей = 27 пикселей).

Если в родительском элементе не указано значение font-size, значение будет искать выше в дереве DOM. Если размер шрифта не указан до самого корневого элемента ( ), то используется значение браузера по умолчанию 16px .


Довольно просто и понятно, правда? Однако единицы em могут использоваться не только для установки размера шрифта, и их можно использовать практически везде, где ожидаются единицы (отступы, поля, ширина, высота, максимальная ширина, ... вы понимаете!) Когда единицы em используются в свойствах, отличных от font-size, значение определяется относительно собственного font-size элемента.

Добавим к нашему примеру:

  .parent {
  размер шрифта: 18 пикселей;
}
.ребенок {
  размер шрифта: 1.5em;
  отступ: 2em 1em;
}
  
  • Прокладка сверху и снизу на .ребенок будет 54px . Это в 2 раза больше размера шрифта нашего текущего элемента ( 2 * 27 пикселей )
  • Отступ слева и справа на .child будет 27px . Это в 1 раз больше размера шрифта нашего элемента.

Помните: когда единицы em используются для font-size, размер зависит от font-size родительского элемента. При использовании в других свойствах он зависит от размера шрифта самого элемента.


Эффект смешивания: Проблемы в раю

Пока все хорошо с использованием модуля em, но проблема может возникнуть из-за того, что модуль может соединяться от одного уровня к другому.

Давайте сохраним аналогичный базовый пример:

  .parent {
  размер шрифта: 15 пикселей;
}
.ребенок {
  размер шрифта: 2em;
}
  

Но давайте использовать его в нашей разметке так:

  
Я 15px
Я 30 пикселей, как и ожидалось
Мне 60px, начинаются неприятности!
Я 120 пикселей, теперь у нас действительно проблемы!
У меня 15 пикселей, я 30 пикселей, как и ожидалось, 60 пикселей, начинаются проблемы!

У меня 120 пикселей, теперь у нас действительно проблемы!

Итак, как вы можете видеть, эффект em-единиц может усугубляться, когда несколько элементов размера em-font находятся внутри друг друга.Это может стать проблемой и привести к непредвиденным последствиям в ваших проектах.

Эта проблема является причиной создания модуля rem.

rem Единица

Единица rem, сокращенно от root em, является относительной единицей, которая всегда будет основываться на значении font-size для корневого элемента, которым является элемент . И если элемент не имеет указанного размера шрифта, используется значение браузера по умолчанию 16px .

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

Аналогичный пример, но в rem:

  .html {
  размер шрифта: 16 пикселей;
}
.parent {
  размер шрифта: 15 пикселей;
}
.child-rem {
  размер шрифта: 2rem;
}
  
  
Я 15px
Я 32px, как и ожидалось
У меня 32 пикселя, ага!
Я 32px, как по маслу!
Я 15px У меня 32 пикселя, как и ожидалось У меня 32 пикселя, ага!

У меня 32 пикселя, как по маслу!


Как видите, использование единиц rem позволяет избежать эффекта сложения единиц em.С rem все всегда и последовательно основывается на размере шрифта или корневом элементе, поэтому нет никаких сюрпризов.

То же самое относится и к другим значениям, кроме font-size (margin, padding,…). Использование единиц rem для них по-прежнему будет относиться к размеру шрифта корневого элемента.

em vs rem, что лучше?

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

Как изменить размер текста с помощью ems

Размер текста для экрана составляет CSS в пикселях, em или ключевых словах. Как известно большинству из нас, изменить размер с помощью пикселей легко: возьмите свой селектор и задайте ему размер шрифта - больше не нужно думать. Определение размера с помощью ключевых слов сложнее и требует нескольких обходных решений, но вам повезло, поскольку методы хорошо документированы. Остается ems. В этот момент люди часто отказываются от этого. «Эмы слишком непоследовательны, - говорят они, - они слишком жесткие; они никогда не работают.«Что ж, может быть, это общепринятая мудрость, но если когда-либо это был случай FUD , то это он. Теперь я попытаюсь показать вам, как ems может быть таким же быстрым и простым в использовании, как пиксели.

Почему EMS?

Если бы мир был идеальным местом, все мы использовали бы пиксели. Но это не так, нам приходится бороться со сломанным браузером. IE / Win не позволит читателям изменять размер текста в пикселях. Нравится вам это или нет, но ваши читатели в какой-то момент захотят изменить размер текста .Возможно, они недальновидны, проводят презентации, используют ноутбук с невероятно высоким разрешением или просто у них устали глаза. Поэтому, если вы не знаете (не думаете), что ваша аудитория не будет использовать IE / Win или никогда не захочет изменять размер своего текста, пиксели еще не являются жизнеспособным решением.

Изменение размера текста на основе ключевых слов позволит всем браузерам изменять размер текста, так что это возможно, но я не считаю, что это дает мне ту точность, которую мне дали бы пиксели. Однако использование ems позволяет всем браузерам изменять размер текста, а также обеспечивает точность на уровне пикселей, поэтому я предпочитаю их.

Давай

ОК давайте погрузимся в ems. Я покажу вам с нуля, как изменить размер текста в документе с помощью ems. Я предполагаю, что мы имеем дело с браузером, настроенным на «средний» текст. Размер по умолчанию для «среднего» текста во всех современных браузерах составляет 16 пикселей. Наш первый шаг - уменьшить этот размер для всего документа, установив размер основного текста на 62,5%:

  BODY {font-size: 62.5%}  

Уменьшается с 16 пикселей до 10 пикселей, что, помимо того, что оно менее большое, является приятным круглым числом.С этого момента легко думать в пикселях, но все же устанавливать размеры в терминах em: 1em - это 10 пикселей, 0.8em - 8 пикселей, 1.6em - 16 пикселей и т. Д. верно?), то вы, вероятно, использовали несколько div для группировки элементов. Примените размер текста к этим div, и ваша работа почти сделана. Рассмотрим макет из двух столбцов с верхним и нижним колонтитулами:

  
...
...
...
...
#navigation {font-size: 1em} #main_content {font-size: 1.2em} #side_bar {font-size: 1em} #footer {font-size: 0.9em}

Таким образом, мы получили бы документ, в котором текст в навигации и боковой панели отображается с размером 10 пикселей, основное содержимое - 12 пикселей, а нижний колонтитул - 9 пикселей. Теперь осталось устранить несколько аномалий (вам придется это сделать, даже если вы измеряли размер в пикселях). В браузерах на основе Mozilla все элементы заголовков в нашем вышеупомянутом div #main_content будут отображаться с размером 12 пикселей, независимо от того, являются ли они h2 или H6 , тогда как в других браузерах заголовки отображаются с разными размерами, как и ожидалось.Применение размеров текста ко всем заголовкам обеспечит единообразие во всех браузерах, например:

  h2 {font-size: 2em} / * отображается с размером 24 пикселя * /
  h3  {font-size: 1.5em} / * отображается с размером 18 пикселей * /
  h4  {font-size: 1.25em} / * отображается с размером 15 пикселей * /
  h5  {font-size: 1em} / * отображается с размером 12 пикселей * /  

Аналогичную работу необходимо проделать с формами и таблицами, чтобы заставить элементы управления формы и ячейки таблицы наследовать правильный размер (в основном для соответствия IE / Win):

  INPUT,  SELECT , TH,  TD  {font-size: 1em}  

Итак, последняя настройка и бит, кажется, люди находят наиболее сложными: работа с вложенными элементами.Мы уже коснулись этого с нашими заголовками, а пока давайте более внимательно посмотрим, что происходит. Прежде всего, мы изменили основной текст на 10 пикселей; 75% от размера по умолчанию:

  16 x 0,625 = 10  

Затем мы сказали, что наш основной контент должен отображаться с разрешением 12 пикселей. Если бы мы ничего не сделали, div #main_content отобразился бы с размером 10 пикселей, потому что он унаследовал бы свой размер от элемента body - его родителя. Это означает, что мы всегда изменяем размер текста относительно родительского элемента при использовании ems:

.
  дочерних пикселей / родительских пикселей = дочерних ems
12/10 = 1.2  

Далее мы хотели, чтобы наш заголовок h2 был 24 пикселя. Родителем нашего h2 является div main_content, размер которого, как мы знаем, составляет 12 пикселей. Чтобы наши заголовки были 24px, нам нужно удвоить это значение, чтобы наши ems были:

  24/12 = 2  

И так далее. Сложные вещи возникают там, где применяются такие правила:

  #main_content  LI  {font-size: 0.8333em}  

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

  10/12 = 0,8333  

Но что происходит, когда один список содержит другой? Он становится меньше. Почему? Потому что наше правило фактически говорит, что любой элемент списка в div #main_content должен в 0,8333 раза превышать размер его родительского элемента. Итак, нам нужно другое правило, чтобы предотвратить эту «унаследованную усадку»:

  LI  LI  {font-size: 1em}  

Это говорит о том, что любой элемент списка внутри другого элемента списка должен иметь тот же размер, что и его родительский элемент (другой элемент списка).Обычно я использую целый набор дочерних селекторов, чтобы избежать путаницы во время разработки:

  LI  LI , LI P,  TD  P,  BLOCKQUOTE  P {font-size: 1em}  

И все. При изменении размера текста в EMS необходимо помнить одно правило: размер текста относительно его родительского элемента и для этого используйте этот простой расчет:

  дочерних пикселей / родительских пикселей = дочерних ems  
Некоторые полезные инструменты
Список вычисляемых стилей

Pixy - это великолепный букмарклет, который показывает каскад вычисленных размеров шрифта (или любое другое свойство CSS ).Инспектор Mozilla DOM еще более мощный, поскольку он позволяет вам видеть, какие правила CSS влияют на любой данный элемент в порядке каскадного приоритета, чтобы вы могли видеть, почему ваш текст меняет или не меняет размер, когда вы этого ожидали. к.

И наконец… что такое em?

Классически em (произносится как emm) - это единица измерения горизонтального интервала, используемая типографом, и скользящая (относительная) мера. Одна em - это расстояние, равное размеру текста. Для типа 10 пикселей em составляет 10 пикселей; для типа 18 пикселей это 18 пикселей.Таким образом, 1em отступа пропорционально одинаковы для любого размера текста.

Обновление:

Убедитесь, что вы прочитали комментарий Патрика Х. Лаука об усовершенствовании этого метода для IE 5 / Win.

б vs сильная? я против них? Какая разница?

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

В 2014 году HTML5 был доработан и опубликован консорциумом W3C (World Wide Web Consortium), самой последней версией HTML с тех пор, как HTML 4 был стандартизирован еще в 1997 году. За последние 19 лет мы прошли долгий путь в использовании HTML, а HTML5 позволил веб-дизайнерам и веб-разработчикам обогатить семантическое содержимое веб-страницы с помощью языка разметки. Помимо структурных элементов, таких как

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *