Время на прочтение: 2 минуты
27 апреля 2024
Сейчас мы поговорим о том, как применять цвета, в том числе и фоновый цвет, на сайте. Мы будем рассматривать и сложные методы управления фоновым рисунком.
HTML цвета обозначаются разными свойствами. Начнем, пожалуй, с цвета переднего плана. На языке html это свойство называется color, оно отвечает за описание цвета на переднем плане. Приведем пример. Вы хотите, чтобы основные заголовки, которые обозначаются как h1, были красного цвета. Для этого вы должны в коде изменить цвет на красный. При этом цвета можно обозначать шестнадцатизначными сочетаниями цифр и букв, также вы можете использовать названия цветов на английском языке. Еще один способ — работа с rgb значениями цветов.
Далее, свойство ‘background-color’. Это свойство отвечает за фоновый цвет на сайте. В теле, то есть <body> располагается все, что является содержимым html файла. Иными словами, чтобы полностью поменять фон на сайте, нужно background-color использовать применительно к <body>. Это свойство также можно использовать не только для изменения фона на всей странице, оно вполне подходит для работы с заголовками и текстом.
Свойство background-image применяется в случаях, когда требуется вставить фоновое изображение. Для того, чтобы вставить рисунок в качестве фонового изображения выполняется простейшая комбинация. Свойство background-image просто применяетяс в тэге <body> и задается место расположения изображения. Важно иметь в виду тот момент, что если мы задаем расположение рисунка в виде урла, это значит, что он лежит там же, где и каскадная таблица стилей (в той же директории). Можно, конечно, вставлять урл и изображений, которые лежат в других местах. Но для этого обязательно нужно указывать путь к нему полностью. А если картинка находится в интернете, то указывается урл сайта.