В этом задании рассмотрим простые, но очень важные свойства селекторов CSS.
-
width и height:
Эти свойства задают размеры элементов (ширину и высоту). На странице они используются для создания полос флага одинакового размера.
-
background-color:
Это свойство задаёт цвет фона элемента. На странице оно используется для окрашивания полос флага и фона всей страницы.
-
margin:
Это свойство управляет внешними отступами элемента. Значение 0 auto используется для центрирования блоков по горизонтали.
-
text-align:
Это свойство выравнивает текст (или содержимое) внутри элемента. На странице оно применяется к <body>, чтобы выровнять флаг по центру.
-
padding:
Это свойство задаёт внутренние отступы элемента. На странице оно используется для создания пространства вокруг флага.
Задание
Добавьте в HTML документ inline-стили к каждому блоку div, так чтобы получился флаг России.
-
Добавь inline-стили в каждый блок div, чтобы:
-
Все полосы флага были шириной 300 пикселей и высотой 50 пикселей.
-
Белая полоса имела цвет фона white.
-
Синяя полоса имела цвет фона #0039A6.
-
Красная полоса имела цвет фона #D52B1E.
-
Все полосы были выровнены по центру с помощью margin: 0 auto.
-
Дополнительно:
-
Установи фон всей страницы в цвет неба (background-color: #87CEEB).
-
Выровняй всё содержимое страницы по центру с помощью text-align: center.
-
Добавь отступы вокруг содержимого страницы (padding: 50px).