— Привет, меня зовут Максим Покровский. Вы находитесь в моем рабочем кабинете. Поскольку я фрилансер, будем считать, что именно так он и выглядит. Здесь я пишу много интересных вещей, и если вы почувствовали, что я именно тот человек, который вам нужен, то я всегда открыт для контакта.
Сделал за последнее время:
| Заказать мне работу |
| 20.01 | Переходим на em |
Сейчас мы за одну минуту перестанем указывать размеры шрифта в пикселях и станем указывать их в em. (давно вообщем то пора)
Итак, вот такая конструкция:
font-size:100.01%; – установили шрифт стандартного размера (16px). Почему я написал 100.01%? Это из-за проблем округления в Opera и Safari. Незнаю может уже пофиксили, но я навсякий случай продолжаю так писать.
font-size:62.5%; – Что бы не мучаться с математикой устанавливаем размер шрифта в 10px. Один раз посчитали, и хватит
Например, нам нужен размер заголовка 24px, тогда пишем так: font-size:2.4em;
т.е 24px = 2.4em. Визаульное сходство прослеживается?
EM наследуется! Поэтому добрый совет, прописывайте размер шрифта непосредсвенно тегу с текстом. Тоесть если у вас такой код:
то следует писать не #sidebar{font-size:1.2em;}, а #sidebar p{font-size:1.2em;}. Поверьте, так гораздо меньше гемора. Если же вам приходится указывать размер шрифта вложенному элементу, например: Новинки Все новинки
, а у родителя уже указан размер, то код будет такой:
Математика тут элементраная: делем желаемое, на имеемое (12px/24px=0.5em)
Сорри за сжатую форму поста, наступила зима, сессия продрала свои налитые кровью глазки и возалкала свежей крови. Аминь.
| ! | Самое обсуждаемое |
— Мастерство самурая легко познается в бою. Хреновый просто погибает.
Древняя фрилансерская мудрость
Комментарии
Оставить комментарий