CSS ( Cascading Style Sheets ) - каскадные таблицы стилей. Смотря на эту расшифровку, новичок вряд ли поймет что такое CSS. Проще говоря CSS — язык, который отвечает за описание внешнего вида HTML-документа. Подавляющее большинство современных веб-сайтов работают на основе связки HTML+CSS. CSS позволяет отформатировать контент странички, сделать более привлекательным для читателя.
Начнем с того, что подключим CSS
1. Открываем наш редактор кода,
2. Далее создаем пустой файл( Ctrl + N ),
3. Сохраняем этот файл с названием style.css, в папку с нашей работой-сайтом ( подробно как сохранять, можно прочитать в моей прошлой статье https://dzen.ru/media/webcrafter/pervye-shagi-v-verstke-stranicy-63b2c87fe774c36888288c79 )
4. И последняя операция, это просто необходимо подключить наш файл css в HTML документе. Это делается через непарный тег <link>
На этом все, теперь от теории к практике.
CSS работает от тегов, а именно от класса тега. Как задается класс? С помощью тега <div>, и в этом <div> как раз надо писать класс. И кстати, тег <div> парный. Класс можно задавать и не только в <div>.
Так вот, как сказано ранее <div> - парный тег. его написание должно быть таким: <div class=""></div>. Как видно в теге задается класс, туда можно написать что угодно, но с некоторыми условиями: текст на английском, не должны начинаться с цифр, содержать в себе смысл.
Класс написан, теперь переходим в файл css, который мы открыли и сохранили ранее. В этом файле пишем сначала точку, потом без пробела имя класса и две фигурных скобки. В этих скобках и задаются свойства, и этих свойств очень много. Давайте выровняем текст по середине с помощью свойства text-align.
text-align center - это означает, что наш текст выровняется по центру. Обязательно сохраняем файл Ctrl + S, и открываем нашу страничку.
Видно, что текст стал по центру, теперь попробуйте убрать это свойство и вы увидите результат.
На примере, я показал одно из свойств CSS. https://msiter.ru/references/css-reference - Тут вы можете познакомиться со свойствами CSS.
Спасибо за внимание!