1 подписчик

Что такое CSS, и зачем он нужен?

5 января 20235 янв 2023

1 мин

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.