4 года назад
HTML/CSS Часть 7: CSS свойства: margin, padding, height, font-size
Итак, в прошлой статье мы остановились на изучении CSS стилей: HTML/CSS Часть 6 В прошлой статье мы начали вёрстку сайта. В этой статье продолжим верстать. Итак, мы остановились на том что сделали разметку header. Теперь поработаем над дизайном header. В файле style.css который мы создали в прошлой статье напишем стиль для класса header такой: Пишем .header и ставим галочки: .header {} Посередине галочек наводим курсор мыши и жмём ENTER. Между галочек пишем background-color: darkslateblue; Под...
Забудьте о margin-top: используйте margin-bottom и gap
В последнее время я заметил, что в фронтенд-разработке есть что-то, что не стандартизировано, и люди часто делают это неправильно. Взгляните на этот простой пример: У нас есть header, body и footer. Body содержит три элемента. Это довольно простая структура, которая часто встречается в приложениях. Именно поэтому я выбрал её — она иллюстрирует более широкую проблему. HTML для этого выглядит так: <div class="header"> header </div> <div class="body"> <div class="item">item 1</div> <div class="item">item...