Михаил Чеков

Как-то так

закончилось основное содержимое
<a>наверх</a>
модалки
<script></script>
</body>

Здесь ты найдешь про CSS всё. А вот прочитать сможешь, если знаешь английский.

Добрый день, есть разные методологии. Ваш вопрос зависит так же от того, по какой методологии вы верстаете. Хорошо себя зарекомендовал БЭМ https://ru.bem.info/methodology/ + less (+ инструмент сборки webpack / gulp)

При данном подходе стили для каждого блока можно хранить в отдельном файле и далее экспортировать всё в общий. Так же можно отдельно хранить сторонние библиотеки, переменные, миксины и т.д, как в js :)

Вот как это примерно выглядит в рабочем проекте:

Используйте Scss + переменные + формулы и все возможные продвинутые фичи + cборшик.
https://sass-lang.com/documentation/syntax

Вот крутой видос по теме: https://www.youtube.com/watch?v=Mrq2ora_p0o и крутой канал по верстке, там и бем видосы есть, но бем не панацея как по мне...

Мощь SASS/SCSS и владение сборкой, хотябы gulp в идеале webpack.

+ Уйма удобных плагинов для верстки и копирования кода для vscode
BEM Helper
eCSStractor for VSCode
Live Sass Compiler

Сейчас просто с космической скоростью можно работать с SASS/SCSS

Присмотритесь к методологии БЭМ. По началу будет не просто, но потом познаете дзен.

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

@font-face {
    font-family: 'drevodel_regular';
         url('fonts/drevodel_regular.woff2') format('woff2'),
         url('fonts/drevodel_regular.woff') format('woff'),
    font-weight: normal;
    font-style: normal;
    unicode-range: U+30-39;
}

Не работает с шрифтами подключенными через Google fonts, необходимо локальное подключение.