WebStylePro — простые решения для сложных дел

Простые табы на HTML и CSS

Polina — Mon, 06 Apr 2026 14:50:48 +0300

Видео урок — Простые табы на HTML и CSS

Источник: rutube.ru

Как оформить текст: Сменить шрифт

Polina — Sat, 28 Mar 2026 13:31:53 +0300

Чтобы изменить шрифт элемента, используйте CSS-свойство font-family:

body { font-family: 'Roboto', Arial, sans-serif; }

Первым указывается шрифт, который вы хотите добавить. После него через запятую идут альтернативные шрифты. Например, если на компьютере у посетителя сайта не установлен шрифт Roboto, браузер использует шрифт Arial.

Источник: htmlacademy.ru

Как оформить текст: Изменить цвет и размер текста

Polina — Sat, 28 Mar 2026 13:31:33 +0300

Цвет текста задаётся с помощью свойства color. Оно принимает значения в различных форматах: можно написать название цвета (red, blue), шестнадцатеричное значение (#ff0000, #00f) или функцию rgb(), чтобы задать цвет с помощью трёх чисел.

p { color: red; /* Красный с помощью слов */ color: #ff0000; /* Красный с помощью HEX */ color: rgb(1.0,0.0,0.0); /* Красный с помощью rgb() */ }

Размер текста меняется свойством font-size. Оно принимает значения в пикселях (px), процентах (%) и других единицах измерения.

h1 { font-size: 24px; }

Источник: htmlacademy.ru

Как оформить текст: Добавить жирность

Polina — Sat, 28 Mar 2026 13:31:03 +0300

Свойство font-weight задаёт жирность текста. Оно принимает два вида значений. Численные: от 100 до 900. Например, 400 — обычный шрифт, а 700 — полужирный. Ключевые слова: normal — обычный шрифт, bold — полужирный, bolder — жирнее, чем текущий, lighter — менее жирный шрифт по сравнению с текущим.

p { font-weight: bold; /* Полужирный с помощью ключевого слова */ font-weight: 700; /* Полужирный с помощью численного значения */ }

Источник: htmlacademy.ru