547 подписчиков

Создание сайта. Урок 5

31 марта 202031 мар 2020

1 мин

Что-то наша страница скучно выглядит даже с изображением, но мы можем всё улучшить! В первом уроке, я вам сказал что кроме html, есть и другие. И в этом уроке мы рассмотрим css(каскадная таблица стилей).

Наш css код можно писать сразу в html, но лучше писать его отдельно, почему? потому что чем короче html код тем лучше, ведь если код будет огромным, то ваш сайт никогда не появится в поисковиках!

Но мы для начала напишем его в html. Для css есть отдельный тег:

Как вы видите, css очень полезная вещь! И на всех популярных сайтах используется каскадная таблица стилей!

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CSS</title>
<style>
p {
color: blue;
}
h1 {
color: red;
}
</style>
</head>
<body>
<h1>CSS</h1>
<p>Привет</p>
</body>
</html>

Вот вам код, попробуйте вставить его, и посмотреть что получиться. Код несложный, но текст стал цветным, но кроме изменения цвета текста, можно менять цвет фона текста! Попробуйте в p добавить:

background-color: red;

Если вы не поняли куда добавлять, то давайте рассмотрим код в стилях получше:

Помните тег h1, так вот, селектор это тег который настраиваем. Блок объявления - это то что мы объявляем для тега, его стиль.

Свойств в css настолько много, что существуют целые справочники! Поэтому в моих уроках мы будем обращаться к справочнику: https://html5book.ru/css-spravochnik.html

Теперь посмотрим как добавлять css код в отдельный файл. Для этого мы создадим отдельный файл: style.css и в тег body напишем: