Как вы понимаете что зашли на хороший сайт? Это происходит практически мгновенно, с первого взгляда. Такие сайты привлекают внимание картинкой - отлично выглядят, - а кроме этого они интерактивны и отзывчивы. Сразу видно, что такую страничку создавал CSS-профи, ведь именно каскадные таблицы стилей (CSS) отвечают за всё наполнение и оформление сайта от расположения элементов до неуловимых штрихов. Дело за малым - стать CSS-профи, а для этого придется разобраться в принципах CSS, научиться воплощать в жизнь идеи дизайнеров, не забывать о таких важных "мелочах", как красиво подобранный шрифт, плавные переходы и сбалансированная графика.
Перед вами прямой путь в высшую лигу веб-разработки. Книга «CSS для профи» подарит вам не только свежие идеи, но и вдохновит на подвиги, а облегчить этот тернистый путь помогут новейшие технические достижения – адаптивный дизайн, библиотеки шаблонов и многое другое.
Перед вами прямой путь в высшую лигу веб-разработки. Книга «CSS для профи» подарит вам не только свежие идеи, но и вдохновит на подвиги, а облегчить этот тернистый путь помогут новейшие технические достижения – адаптивный дизайн, библиотеки шаблонов и многое другое.
Дәйексөздер175
Теперь желаемый размер шрифта применен ко всей странице. Вам не придется указывать его где-то еще. Нужно будет только менять его там, где дизайн отклоняется от данного значения, например в заголовках.
Создадим панель с текстом, показанную на рис. 2.7. За основу возьмем шрифт размером 14 пикселов и будем использовать относительные измерения.
Создадим панель с текстом, показанную на рис. 2.7. За основу возьмем шрифт размером 14 пикселов и будем использовать относительные измерения.
Предположим, вы хотите установить размер шрифта, по умолчанию равный 14 пикселам. Вместо того чтобы задать значение по умолчанию 10 пикселов, а затем переопределять его по всей странице, присвойте это значение корневому элементу. Желаемое значение разделите на наследуемое значение — в данном случае установленное в браузере по умолчанию — 14 / 16, что равняется 0,875.
Добавьте код из листинга 2.12 в начало новой таблицы стилей, поскольку в дальнейшем будете с ней работать. Так будет установлен размер по умолчанию для корневого элемента (html).
Листинг 2.12. Установка истинного размера шрифта по умолчанию
Добавьте код из листинга 2.12 в начало новой таблицы стилей, поскольку в дальнейшем будете с ней работать. Так будет установлен размер по умолчанию для корневого элемента (html).
Листинг 2.12. Установка истинного размера шрифта по умолчанию
Здесь берется установленный по умолчанию размер шрифта браузера 16 пикселов и уменьшается до 10 пикселов. Эту практику упрощает математика: если дизайнер говорит, что нужно сделать шрифт размером 14 пикселов, вы в уме делите это число на 10 и задаете 1,4 rem, все еще используя относительные единицы.
