Учимся делать веб-сайты с нуля до трудоустройства. Сегодня учимся верстать дизайн сайта. Что такое верстка? Это, по большому счету, превращение картинки дизайна или дизайна из конструктора в код. Что было на прошлом уроке? На прошлом уроке мы создали красивый дизайн нашего сайта в специальном конструкторе. Что будет на этом уроке? На этом уроке мы этот дизайн превратим в качественную верстку - превратим в качественный код. Мы сегодня также изучим новую технологию: Sass. И познакомимся с новым сервисом иконок: Fontello...

В прошлой статье мы разобрали как работает "margin". Осталось разобрать"padding". Но перед этим необходимо задать размеры информационного блока, что бы внутри него перемещать информацию. Для начала можем создать новый файл html и css, либо убрать прошлую информацию. Необходимо создать два блока. Первого назовем "page", а второй "box". <div class="page"> <div class="box"> </div> </div> Код должен выглядеть так: Переходим в css и прописываем следующий код: .page{ max-width: 500px; \\Максимальная...