Так же как с шаблонами, необходимо добавить папку статик,
в ней будет храниться вся статика нашего проекта. В ней добавляем папку кор,
также для того, чтобы понимать какому приложению относится статика,
добавляем в ней еще одну
папку css с типом статики ив ней наконец добавим наш файл со стилями index.css и
напишем там наш первый стиль: див калор и напишем код красного цвета.
То есть этот селектор означает, что ко всем тегам див применить цвет красный.
И давайте этот файл со стилями подключим.
Открываем наш шаблон index.html и теперь нам
необходимо переопределить блок стайлс и подключить наш стиль,
линк реал стайлшип, тайп текст сиэсэс, и хреф. Путь нельзя так просто указать,
его необходимо указать с помощью тега статик и написать тут путь к нашей статике,
нашему сиэсэс файлу кор, css index.css. [inaudible] как неопознанный тег, чтобы
он его распознал, необходимо его подключить.
Теперь, так как мы применили стиль ко всем тегам див,
нам необходимо наш контент обернуть в див и тогда стиль наш применяется.
Собственно зачем мы таким хитрым образом подключили наш стиль с помощью тега статик?
Сейчас мы откроем браузер и посмотрим.
Мы видим, что наш стиль подключился и применялся и контент у нас красный.
Если открыть панель разработчика, то мы увидим два запроса: запрос на индекс страницу,
на html этой страницы и запрос на файл статики index.css.
Если мы откроем и увидим, то путь будет /static/core/css/index.css.
Это тег он берёт и подставляет нинкий префикс,
по которому будут отдаваться статика нашим дев серверам.
Если увидеть, то в логе запросов у нас будет два запроса,
это запрос на страницу index.html и /static/core/css/index.css.
Когда дев серверы получают запрос со статикой, он знает,
что это запрос по которому необходимо
дать статический файл и он начинает искать в папках,
внутри приложениях под названием статик.
Теперь перейдем к рассмотрению стилей. Начнем с свойств текста.
Придем в наш файл с стилями index.css,
уберем наш предыдущий селектор и там пишем селектор для класса
тест и добавим этот класс к нашему контенту. Класс тест. Первое css свойство,
которое мы рассмотрим, это тип шрифта фонт фемили, например, roboto