CSS | CSS-Селекторы | CSS-свойства шрифтов | Обнуление стилей | Font-family,font-size,font-style. #5

Опубликовано: 25 Март 2026
на канале: Shulepov Code
444
13

#CSS #shulepovcode #html
В этом уроке мы продолжим изучать #CSS, а именно свойства шрифтов. CSS свойства шрифтов являются одними из наиболее важных для документа. Если на клиентской машине не установлен указанный шрифт, то браузер будет отображать текст шрифтом, который задан по умолчанию для данной системы.

Как установить CSS свойства шрифта?
В файле CSS вы можете настроить несколько свойств шрифта: font-family, font-size, font-style. Это наиболее часто используемые свойства шрифта.

font-family
С помощью свойства font-family можно задать семейство, которым будет отображаться CSS жирный шрифт.

font-size
Свойство font-size предназначено для изменения размера шрифта. Вы можете использовать единицы измерения CSS, такие как пиксели и другие свойства в видео.

Тайминг:
00:45 что такое селекторы;
01:25 CSS-свойства;
02:18 свойство font-family;
03:13 обнуление стилей;
04:02 шрифты берутся с компьютера;
04:20 sans-serif;
04:38 свойство font-size;
04:02 шрифты берутся с компьютера;
04:12 sans-serif;
05:25 цвета HTML;
05:50 font-weight;
06:46 font-style;
07:20 text-align;
08:10 text-decoration;
08:43 text-shadow;
10:00 text-transform;
10:32 letter-spacing;
11:18 line-height;

🎥 Делись видео с друзьями:    • CSS | CSS-Селекторы | CSS-свойства шрифтов...  
🔔 Подписывайся на канал:    / shulepovcode  

✔Instagram►   / shulepov_code  
✔VK► https://vk.com/iwtcom
✔Группа VK► https://vk.com/shulepov_code
✔Личный сайт► http://shulepov-code.ru
✔Отзывы, портфолио►Профиль на Freelance - freelance.ru/shulepov_code
✔Отзывы, портфолио►Профиль на FL - https://www.fl.ru/users/shulepov_code/

Смотри также↓
⏩ ОСНОВЫ HTML | CSS | JAVASCRIPT | Структура HTML документа | Теги | Sublime Text | Виды тегов. #1.
   • ОСНОВЫ HTML | CSS | JAVASCRIPT | Структура...  
⏩ Теги строчные и блочные | Заголовки h1-h6 | p span | Ссылки | Выводим картинки | Списки. #2
   • Теги строчные и блочные | Заголовки h1-h6 ...  
⏩ HTML формы | Создание полей | HTML теги форм | Уроки HTML | Form | Отображение в Safari. #3
   • HTML формы | Создание полей | HTML теги фо...  
⏩ Подключение CSS стилей | CSS классы | CSS с нуля | CSS для новичков. #4

⏩ Что такое DIV, P, SPAN | В чем отличия DIV от P | В чем отличия SPAN от P
   • Что такое DIV, P, SPAN |  В чем отличия DI...  
⏩ С чего начать изучать веб-разработку? | Html, Css, Php | Моя история
https://www.youtube.com/watch?v=mDJBS...
⏩ Создание сайта. HTML за 1 час. Основы для начинающих.
https://www.youtube.com/watch?v=HiP8U...
⏩ Создание сайта | Что выбрать CMS или конструктор?
https://www.youtube.com/watch?v=ab91M...
⏩ Выбор CMS или движок сайта. Почему не Битрикс и платные CMS.
https://www.youtube.com/watch?v=LwmE0...

#html #css #javascript #p #div #span #основыcss #основыhtml #созданиесайта #вебразработкадляначинающих #разработкадляновичков #созданиесайтаснуля #фриланс #freelance #структураhtmlдокумента #css #CascadingStyleSheets #классы #подключениестилей #CSSснуля #CSSсвойства #fontfamily #обнулениестилей #sansserife #fontsize #fontweight #fontstyle #textalign #textdecoration #textshadow #texttransform #letterspacing #lineheight