Модуль: Основы CSS - каскадные таблицы стилей


6. Inline стили. Флаг России

В этом задании рассмотрим простые, но очень важные свойства селекторов CSS.

  • width и height:
    Эти свойства задают размеры элементов (ширину и высоту). На странице они используются для создания полос флага одинакового размера.

  • background-color:
    Это свойство задаёт цвет фона элемента. На странице оно используется для окрашивания полос флага и фона всей страницы.

  • margin:
    Это свойство управляет внешними отступами элемента. Значение 0 auto используется для центрирования блоков по горизонтали.

  • text-align:
    Это свойство выравнивает текст (или содержимое) внутри элемента. На странице оно применяется к <body>, чтобы выровнять флаг по центру.

  • padding:
    Это свойство задаёт внутренние отступы элемента. На странице оно используется для создания пространства вокруг флага.



Задание

Добавьте в HTML документ inline-стили к каждому блоку div, так чтобы получился флаг России. 

  1. Добавь inline-стили в каждый блок div, чтобы:

    • Все полосы флага были шириной 300 пикселей и высотой 50 пикселей.

    • Белая полоса имела цвет фона white.

    • Синяя полоса имела цвет фона #0039A6.

    • Красная полоса имела цвет фона #D52B1E.

    • Все полосы были выровнены по центру с помощью margin: 0 auto.

  2. Дополнительно:

    • Установи фон всей страницы в цвет неба (background-color: #87CEEB).

    • Выровняй всё содержимое страницы по центру с помощью text-align: center.

    • Добавь отступы вокруг содержимого страницы (padding: 50px).



 

JS

     
Результат проверки программы 
Для проверки решения задачи необходимо зарегистрироваться или авторизоваться!