Ранее мы с вами уже затронули тему CSS, но я так и не рассказал что это.
CSS это формальный язык описания внешнего вида.
Сегодня мы продолжим его изучение.
Из прошлого урока у нас осталась страница первые ее настройки, немного информации к которой мы с помощью css применили стили.
Поговорим про отступы, на самом деле это очень важная часть, так как нам будет необходимо задать конкретную позицию нашей информации.
Существует несколько типов отступа, мы разберем два.
А именно "margin" и "padding". С помощью "margin" мы можем отступить от какого либо края страницы. С помощью "padding" отступ будет производиться внутри блока. За работу!
Для начала зайдем в css и допишем "margin-left: 10%;"
Мы разобрали что такое margin , осталось понять что значит left. Если вы знакомы с английским языком то уже понял что это значит "лево".
Дословный перевод "Отступить от левой части экрана ..." Отступ я указал в процентах.
Должно было получиться так. То есть мы сдвинули наш текст на 10% направо.
Точно так же можно его сдвинуть вниз. Для этого используем команду "margin-top: 5%;"
Дословный перевод "Отступить от верхней точки...". Должно получиться так...
По аналогии вы можете поэксперементировать. Вот вам список команд:
margin-left; от левой стороны
margin-right: от правой стороны
margin-top: от верхней точки
margin-botton; от нижней точки
В следующем уроке, разберем отступ padding и масштабирование элементов.
Если остались вопросы или есть что дополнить пишите в комментарии.
Всего доброго!