Сегодня мы познакомимся с атрибутом Style и основными свойствами Div
Div как таковой имеет по умолчанию высоту, ширину, цвет и иногда отступы , о них мы сегодня и поговорим
Существуют такие атрибуты как:
height
width
background
margin-left или margin-right
Как было описано в первом уроке , создаем файл потом сохраняем его , делаем стандартную структуру HTML и пишем div после чего нажимаем tab (если вы не видели 1 урок как скачать редактор и создать код то можете зайти на мой канал и посмотреть 1 урок)
Так как мы создали div создаем внутри него style и пишем
height:100px
width:100px
background:red
margin-left:100px
Должно получится как показано выше , после этого не забываем нажать ctrl+s чтобы сохранить, открываем в браузере(как это сделать я тоже показывал в 1 уроке)
После того как мы открыли его в браузере смотрим получилось или нет
Вот так у нас получилось , заметьте есть отступ слева благодаря атрибуту margin-left, повторим еще раз width - ширина, height - высота, background- цвет, можете попробовать поменять цвет например на black
Также стоит отметить что если не писать высоту и ширину для div'а то его не будет видно , но если написать внутри div какой то текст то div будет по размеру этого текста
А теперь задание попробуйте сделать подобным образом
Вы должны сделать подобным образом
Вот код,но второе задание вы должны сделать самостоятельно
Задание 2
Если есть вопросы пишите в комментарии удачи и успехов!
