Фальсификации выборов президента: как это делается Не смотря на огромное количество нарушений ...
АЛЫЕ ПАРУСА В ПЕТЕРБУРГЕ - (0)«Алые паруса» — один из самых известных праздников в Северной столице, ...
Владимир Румянцев.Ангелы и коты - (0)Владимир Румянцев.Ангелы и коты. Владимир Румянцев родился в 1957 году, рисовать начал в ...
фото Санкт-Петербурга - (0)Санкт-Петербург Санкт-Петербург невероятно красивый город, думаю даже коренным "питерцам" будет и...
Ближневосточная проблема - простое объяснение за пять минут - (0)Ближневосточная проблема - простое объяснение за пять минут простое объяснение ближневосточ...
конвертация размера шрифта из em в px и обратно |
Не важно, каким способом Вы задаёте размер шрифта в CSS, но иногда бывает необходимо подсмотреть, какое значение соответствует текущему в другой системе единиц (например, какому размеру в px или %, будет соответствовать шрифт, размером 1.4 em) или быстро перевести одни размеры в другие. Чтобы это было просто, предлагаю держать для таких случаев перед глазами (или в закладках) следующую таблицу соответствия размеров шрифтов.
Полезный совет: чтобы легко было конвертировать размеры шрифта из em в px и обратно, установите размер шрифта для body:
body { font-size: 62.5% }
Таким образом, 1em теперь будет равен 10px, что значительно упростит расчеты. Например, теперь font-size: 12px будет равнозначен font-size: 1.2em и т.д. Но не забывайте про наследование при относительных размерах.
| px | em | % | pt |
|---|---|---|---|
| 6px | 0.375em | 37.5% | 5pt |
| 7px | 0.438em | 43.8% | 5pt |
| 8px | 0.5em | 50% | 6pt |
| 9px | 0.563em | 56.3% | 7pt |
| 10px | 0.625em | 62.5% | 8pt |
| 11px | 0.688em | 68.8% | 8pt |
| 12px | 0.75em | 75% | 9pt |
| 13px | 0.813em | 81.3% | 10pt |
| 14px | 0.875em | 87.5% | 11pt |
| 15px | 0.938em | 93.8% | 11pt |
| 16px | 1em | 100% | 12pt |
| 17px | 1.063em | 106.3% | 13pt |
| 18px | 1.125em | 112.5% | 14pt |
| 19px | 1.188em | 118.8% | 14pt |
| 20px | 1.25em | 125% | 15pt |
| 21px | 1.313em | 131.3% | 16pt |
| 22px | 1.375em | 137.5% | 17pt |
| 23px | 1.438em | 143.8% | 17pt |
| 24px | 1.5em | 150% | 18pt |
| px | em | % | pt |
|---|---|---|---|
| 6px | 0.6em | 60% | 5pt |
| 7px | 0.7em | 70% | 5pt |
| 8px | 0.8em | 80% | 6pt |
| 9px | 0.9em | 90% | 7pt |
| 10px | 1em | 100% | 8pt |
| 11px | 1.1em | 110% | 8pt |
| 12px | 1.2em | 120% | 9pt |
| 13px | 1.3em | 130% | 10pt |
| 14px | 1.4em | 140% | 11pt |
| 15px | 1.5em | 150% | 11pt |
| 16px | 1.6em | 160% | 12pt |
| 17px | 1.7em | 170% | 13pt |
| 18px | 1.8em | 180% | 14pt |
| 19px | 1.9em | 190% | 14pt |
| 20px | 2em | 200% | 15pt |
| 21px | 2.1em | 210% | 16pt |
| 22px | 2.2em | 220% | 17pt |
| 23px | 2.3em | 230% | 17pt |
| 24px | 2.4em | 240% | 18pt |
источник http://seoservis.my1.ru/index/0-20
| Рубрики: | Создание сайта |
| Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |
