TCSE веб-студия | Основное | Скрипты и советы | Web-разработка / Перевод CSS Font-Size: em vs. px vs. pt vs. percent

Web-разработка / Перевод CSS Font-Size: em vs. px vs. pt vs. percent


Одним из наиболее запутанных аспектов CSS является применение font-size атрибута для масштабирования текста. Используя CSS, вы можете изменить размер текста в браузере с помощью четырех разных единиц измерения. Какая из этих четырех единиц лучше всего подходит для веб? Это вопрос, который породил разнообразные дискуссии и критику. Поиск окончательного ответа затруднен, поскольку вопрос сам по себе сложный.
( Читать дальше )


Источник: Уроки CSS на Хабрахабре


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


13 октября 2008  1   7 939   Версия для печати


Похожие публикации

Блог им. madduck / Print.css — стиль для печати для wordpress

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

[Из песочницы] Занимательная вёрстка с единицами измерения области просмотра

Единицы измерения области просмотра используются вот уже несколько лет. Они практически полностью поддерживаются основными браузерами. Тем не менее я продолжаю находить новые и любопытные способы их... читать далее

[Из песочницы] Адаптивная верстка с помощью SCSS и Gulp

Доброго времени суток, коллеги! Давно задавался вопросом, как оптимизировать и сделать более удобным код используя @media screen. Ибо код body{font-size: 1em;}@media screen and (max-width: 1024px){... читать далее

[Перевод] Погружение в CSS: метрики шрифтов, line-height и vertical-align

line-height и vertical-align — это простые свойства CSS. Настолько простые, что большинство из нас уверены, что понимают, как они работают и как их использовать. К сожалению, это не так — на самом... читать далее

[Перевод] Математика разметки с помощью CSS: разбираемся с calc

За последние годы верстка в интернете развилась из фиксированных дизайнов к адаптивным. Причем, в стилях могут использоваться сразу несколько видов единиц измерений (проценты, em или px). Дизайнерам... читать далее

Ограничение длины текста через градиент

Рассмотрим создание эффекта ухода текста в прозрачность как альтернативу обрезания текста многоточием. Читать дальше →... читать далее

Комментарии (1)

  1. #1 написал: Boy
    Группа: Гости
    30 марта 2011 21:00

    Нашел интерактивную таблицу для удобного перевода em px pt %
    http://allcalc.ru/node/510
    • 0

       

Прокомментировать


@

  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent

Портфолио 93 Проекты 5 Продукты 23 Мы рекомендуем Советы 828 Маркетинг и SEO 287 Дизайн-макеты 4 Инструкции 6

Облако тегов
angular CSS css es6 habrahabr.ru html HTML html5 javascript JavaScript js react ReactJS seo SEO на Хабрахабре vue Блог компании RUVDS.com Веб-дизайн Интернет-маркетинг Поисковая оптимизация Программирование Разработка веб-сайтов Уроки CSS на Хабрахабре автомобильный сайт блог браузеры верстка дайджест интернет-магазин информационный ресурс корпоративный сайт модуль мы рекомендуем портфолио разработка разработка сайтов советы ссылки фронтенд

Показать все теги

Архив сайта

Реклама на сайте Free clip arts pictures lily pad flower clipart by Eco Cliparts.