Содержание

CSS приращение размера шрифта-пропорционально? — CodeRoad



У меня есть несколько элементов с уже установленными шрифтами-например

  <div>
    some text
    </div>

    <div>
    some text
    </div>

Я хочу увеличить размер шрифта пропорционально, например

<div>
..........................
<div>

разве это возможно? div {font-size: whatever} просто перезаписывает значения

css
Поделиться Источник George     20 мая 2010 в 21:56

2 ответа




3

Использование относительных единиц измерения размеров шрифта приведет к их масштабированию относительно размера шрифта родительского элемента, но каскад не дает возможности сказать «relative to the font size that this overrides» (и обычно это превращалось бы в полный беспорядок, если бы был способ).

Поделиться Quentin     20 мая 2010 в 21:58



3

Ваш вопрос неясен:

<div>hello</div>
<div>there</dev>

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

<body style"font-size: 10px">
  <div,>hello</div>
  <div,>world</div>
</body>

Получится «joan» 10px и «mary» 20px. Изменение размера тела на 15px сделает «joan» 15px, а «mary» 30px.That образует атрибут «cascade». Конечно, все это должно быть сделано в блоке стилей, а не в атрибутах div , но это сделало бы этот ответ менее прямым.

Поделиться

msw     20 мая 2010 в 22:15


Похожие вопросы:


CSS Особенности Размера Шрифта

У меня есть несколько конкретных вопросов о размере шрифта: Стандартизирован ли pt (I.E. 12pt)? Кажется, я где-то читал, что pt = 1/72 дюйма. Однако размер шрифта 24pt в photoshop значительно…


Почему в CSS есть 2 размера шрифта?

Возможный Дубликат : CSS Размер Шрифта-Использование “/” Что это значит, когда в css есть 2 размера шрифта экс. font: 14px/18px Arial,Helvetica,sans-serif;


CSS Сброс Размера Шрифта

Мне просто интересно, есть ли какой-нибудь код сброса размера шрифта CSS, так как я делаю сетку без поплавка и должен был установить размер шрифта равным 0 В результате этого ни один из моих текстов…


Tkinter: изменение размера шрифта в кнопке измененного размера окна

Как можно сделать так, чтобы размер шрифта ‘Hi’ рос пропорционально размеру окна при изменении размера окна? import Tkinter outer_window = Tkinter.Tk() button_1 = Tkinter.Button(outer_window,…


как изменить размер шрифта пропорционально изменению размера окна в CSS3 или javascript

Я делаю какое-то веб-приложение, и у меня есть некоторые проблемы с размером шрифта . Как изменить размер шрифта пропорционально изменению размера окна в CSS3 или javascript?


Установка глобального размера шрифта в kivy

Каков предпочтительный способ, будь то через язык python или kivy, установить глобальный размер шрифта (например, для кнопок и меток) в kivy? Каков хороший способ динамического изменения глобального…


iOS-пропорционально изменить размер шрифта UILabel

У меня есть несколько UILables на мой взгляд, как это: Те, кто окрашен в красный цвет, никогда не должны менять свой размер шрифта. Два других белого цвета (50 и 50) должны пропорционально уменьшить.

..


JS-изменение размера шрифта в зависимости от размера DIV

У меня есть класс div=container и элемент p внутри него. Есть ли простой способ JS изменить размер шрифта в зависимости от родительской ширины и высоты DIV? Пожалуйста, найдите код ниже. <div…


единица измерения размера шрифта в css

Я уже искал и читал SOF на эту тему, нашел несколько интересных постов, особенно тот, который предлагал использовать pt для размера шрифта, потому что он не связан ни с плотностью пикселей, ни с…


Преобразуйте атрибут размера шрифта HTML в атрибут размера шрифта CSS

Мой вопрос в значительной степени дублирует вопрос от Convert font tag (атрибут размера) до css Я вижу, что ответы есть с 2014 года. Так что я не был уверен, что буду продолжать задавать там или…

Размер шрифта. HTML, XHTML и CSS на 100%

Читайте также

Семейство шрифта

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

Стиль шрифта

Стиль шрифта Стиль шрифта задается свойством font-style, которое может принимать одно из трех значений: normal, oblique или italic. Эти значения имеют следующий смысл.• normal – определяет шрифт, который классифицируется как Normal. При отображении на экране он выглядит как обычный текст.•

Вид шрифта

Вид шрифта Свойство font-variant может принимать одно из двух значений: normal или small-caps. Если задано значение small-caps, то текст будет выведен шрифтом из малых прописных букв. Если задано значение normal, то текст отображается, как обычно.Лучше всего это понятно на примере. Применим

Ширина шрифта

Ширина шрифта Свойство font-weight определяет ширину шрифта. Значение может быть задано числом от 100 до 900 (в сотнях), где каждый номер обозначает шрифт, который темнее своего предшественника. В других случаях значение может быть следующим.• normal – текст будет отображен обычным

Свойства шрифта

Свойства шрифта fontЗадает параметры шрифта элемента страницы.Заменяет атрибуты font-family, font-height, font-size, font-style, font-variant и font-weight. Значения этих атрибутов могут располагаться в любом порядке. font: {font-family} [{font-height}] [{font-size}] [{font-style}] [{font-variant}] [{font-weight}];Значение по умолчанию — normal normal

1.5. Оформление текста (границы, абзацы, размер шрифта, гарнитуры)

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

4.2. Параметры шрифта

4.2. Параметры шрифта Наиболее часто форматирование осуществляется при помощи изменения атрибутов шрифта. Самый простой способ привлечь внимание к слову в тексте – выделить его полужирным шрифтом или курсивом.

Эти атрибуты называются начертанием шрифта. Кроме них, шрифт

Вид шрифта

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

Размер страницы и размер кэша по умолчанию

Размер страницы и размер кэша по умолчанию При восстановлении вы можете изменить размер страницы, включив в команду переключатель -р[age_size], за которым следует целое число, задающее размер в байтах. Допустимые размеры страниц см. в табл. 38.2.В этом примере gbak восстанавливает

1.5. Оформление текста (границы, абзацы, размер шрифта, гарнитуры)

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

Стили шрифта

Стили шрифта Стиль шрифта задается перечислимым типом FontStyleType, который содержит следующие константы: fsNormal – обычный; fsBold – жирный; fsItalic – наклонный; fsBoldItalic – жирный наклонный; fsUnderline – подчеркнутый; fsBoldUnderline – жирный подчеркнутый; fsItalicUnderline – наклонный

13.6.1. Выбор шрифта

13. 6.1. Выбор шрифта В вашем компьютере установлено много различных шрифтов. Шрифт по умолчанию, который используется в MS Word, — Times New Roman. Он подойдет для сухого делового документа, служебной записки. Чтобы изменить гарнитуру шрифта (далее мы просто будем говорить «изменить

13.6.2. Начертание шрифта

13.6.2. Начертание шрифта Шрифт может быть курсивным, жирным и подчеркнутым. Начертание используется для выделения текста, на который вы хотите обратить внимание читателя. Например, термины можно выделить жирным или жирным+курсивом.Для изменения начертания используются

16.3.3. Размер шрифта и полноэкранный режим

16.3.3. Размер шрифта и полноэкранный режим У некоторых веб-мастеров, наверное, проблемы со зрением: одни устанавливают неприлично больпюй размер шрифта, другие, наоборот, слишком мелкий. Браузер позволяет исправить ситуацию — зачем портить себе зрение (если шрифт мелкий)?

Размер головного мозга и размер социального окружения

Размер головного мозга и размер социального окружения Дискуссии по поводу взаимосвязи между размером головного мозга какого-либо организма и размером группы, к которой этот организм принадлежит, ведутся нейробиологами уже давно. При этом взаимосвязь с социальной

Как изменить шрифт текста и заголовков?

Последнее обновление 04.04.2017 Другие руководства

Тема не рассчитана на тонкую настройку шрифтов через админ-панель. Это можно сделать только посредством CSS.
Для установки своего цвета ссылок, добавьте этот CSS в меню Внешний вид → Настроить → в блок Дополнительные стили:

/* настройки основного текста */
body { 
   font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; /* семейство шрифта */
   font-size: 18px;   /* размер шрифта */
   line-height: 125%; /* междустрочный интервал */
   color: #0085ff;    /* цвет шрифта */
}

/* настройки для заголовка h2 */
h2 { 
 font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; /* семейство шрифта */
 font-size: 48px;   /* размер шрифта */
 line-height: 125%; /* междустрочный интервал */
 color: #0085ff;    /* цвет шрифта */
}

/* настройки для заголовка h3 */
h3 { 
 font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; /* семейство шрифта */
 font-size: 36px;   /* размер шрифта */
 line-height: 125%; /* междустрочный интервал */
 color: #0085ff;    /* цвет шрифта */
}

/* настройки для заголовка h4 */
h4 { 
 font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; /* семейство шрифта */
 font-size: 24px;   /* размер шрифта */
 line-height: 125%; /* междустрочный интервал */
 color: #0085ff;    /* цвет шрифта */
}
/* настройки для заголовка h5 */
h5 { 
 font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; /* семейство шрифта */
 font-size: 20px;   /* размер шрифта */
 line-height: 125%; /* междустрочный интервал */
 color: #0085ff;    /* цвет шрифта */
}

Корректное значение для семейства шрифтов лучше скопировать из списка безопасных web-шрифтов. А код цвета можно подобрать на этом сайте.


Изменение шрифтов и цветов в редакторе — Visual Studio