День 3, все еще в движении.

Вот что я узнал в этом модуле:

  1. Чтобы изменить тип шрифта, используйте «семейство шрифтов», или типографику, как говорят французы, в селекторе выберите шрифт по вашему выбору. Выбранный вами шрифт должен быть загружен на ваш компьютер, иначе он не будет отображаться. на вашем веб-сайте.
  2. Однако есть запасной вариант, как у нас с цветом. Поместите шрифт, который вы предпочитаете, первым. Это будет выглядеть примерно так: семейство шрифтов: Lobster, Arial, serif; — Это значит выбрать Лобстера. Если Lobster не установлен, используйте Arial, если нет Arial (каким-то образом), выберите любой установленный шрифт с засечками.
  3. Другой, лучший способ избежать загрузки шрифтов — связать Google Fonts. Вы перейдете к своему html-файлу и сделаете ссылку так же, как и для своего .css-файла.
  4. font-size делает то, что подразумевает. Введите размер шрифта и добавьте px (пиксели) в конце. Выглядит так: размер шрифта: 78 пикселей;
  5. межстрочный интервал очень похож на приведенный выше. Он обеспечивает большее расстояние между строками для улучшения читаемости.
  6. letter-spacing регулирует кернинг, то есть расстояние между буквами.
  7. font-weight изменяет толщину вашего текста. Чаще всего используется для жирного текста. Чтобы включить: вес шрифта: полужирный; установите его на «нормальный» для обычного текста без жирного шрифта. Вы также можете указать число от 100 до 900, если вы действительно хотите, чтобы ваш шрифт был правильно взвешен.
  8. font-style может включать или отключать курсив. Используйте его так же, как и font-weight. «Курсив» для курсива, «обычный» для обычного.
  9. text-transform может сделать все элементы прописными или строчными. Используйте его так же, как и font-weight. «Верхний регистр» для верхнего регистра, «нижний регистр» для нижнего регистра.
  10. text-align точно такой же, как в обычном текстовом процессоре. Здесь возможны три значения: «справа», «по центру», «слева».

Это был более длинный модуль. На данный момент все еще кажется довольно простым, но Codecademy все еще отлично справляется с его разбивкой.

Спасибо, что прочитали. Пожалуйста, выскажите свое мнение ниже.