Html style font size: How to change font size in HTML

Устарело

Эта функция устарела. Хотя он может по-прежнему работать в некоторых браузерах, его использование не рекомендуется, поскольку его можно удалить в любое время. Старайтесь избегать его использования.

и более поздние версии:

[...] Для любой новой веб-разработки стили должны быть написаны только с использованием CSS.

Решение

Используйте свойство стиля тегов HTML и стилей CSS.

 размер шрифта 10

 размер шрифта 9

размер шрифта 8

размер шрифта 7

размер шрифта 6

размер шрифта 5

размер шрифта 4

размер шрифта 3

размер шрифта 2

размер шрифта 1

 

Зарегистрируйтесь или войдите в систему

Опубликовать как гость

Требуется, но не отображается

Опубликовать как гость

Требуется, но не отображается

Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали и поняли нашу политику конфиденциальности и кодекс поведения.

Как изменить размер шрифта в HTML и CSS

Веб-разработка и кодирование

Изменение размера вашего шрифта или текста веб-сайта действительно должно выполняться с помощью CSS, поскольку тег html устарел/больше не используется в более новой версии HTML (HTML5). Использование «шрифта» в качестве фактического HTML-элемента — это то, как веб-разработчики интерфейса использовали старую школу, в первые дни Интернета. Я уверен, что есть много устаревших веб-сайтов и приложений, которые все еще цепляются за это старое использование, но использование тега «шрифт» больше не рекомендуется.

Это был старый способ изменения размера текста с использованием тега FONT:

Здравствуйте, измените размер текста!

Это новый способ изменения размера текста:

Прежде всего, используйте CSS.

 
Существует несколько способов изменить размер текста с помощью CSS:

Используйте встроенный CSS и добавьте его непосредственно в HTML-код веб-страницы. Если вам нужно использовать встроенный CSS (его следует использовать с осторожностью!), он должен быть помещен внутри встроенного элемента (в отличие от блочного элемента html, такого как тег «div»). К встроенным элементам относятся, например, теги или

. Встроенный код для уменьшения размера фрагмента текста будет выглядеть следующим образом:
 
Ваш текст здесь
 
Вот как приведенный выше код будет выглядеть в браузере: Ваш текст здесь
 
Хорошо, теперь более правильный способ: вы можете добавить свой CSS в файл таблицы стилей, который отделен от вашей реальной веб-страницы. В этом случае вы должны добавить свойство CSS «размер шрифта» внутри кода стиля для любого HTML-элемента, который вы стилизуете, например:

div p {
font-size: 12px;
}

Приведенный выше код стилизует любые элементы абзаца («p»), которые находятся внутри тега

.

 

Существуют разные способы выражения значения размера шрифта

Среди них:

• пикселей (px): это самый точный способ изменения размера текста (и мой любимый), так как он измеряется буквально до
пикселей.
• ems (em): 1em равно тому, что установлено для вашего текущего элемента с точки зрения размера шрифта. Пример: обычно размер шрифта браузера по умолчанию составляет 16 пикселей
.
• ключевых слов: (маленький, средний, большой и т. д.)
• процентов (%): например, дочерний элемент может быть установлен на 50% от размера шрифта его родительского элемента
• точек (pt): их следует использовать только для печати
• rems (рем): это «корневые ems». em относится к размеру шрифта своего родителя, а rem относится только к html (корень) или общему размеру шрифта.

 
Для получения дополнительной информации о том, как использовать различные значения размера шрифта, на CSS-Tricks есть отличная статья, которую вы, возможно, захотите прочитать.

No related posts.