Page Title

В Css есть внешние поля отступа (margin) и внутренние (padding). margin: С помощью этого свойства можно задать отступы с разных сторон блока. Например margin-left: 10px; даст отступ блоку слевой стороны. margin-right: 10px; даст отступ блоку с правой стороны. margin-top: даст отступ блоку сверху. margin-bottom: 10рх; даст отступ блоку снизу. Так же это все можно записать более быстрой формой. Например, мы хотим чтобы наш блок имел отступ сверху 5рх, справа 0, снизу 10рх, слева 15рх. Свойство будет выглядеть так; margin: 5px 0 10px 15px; в таком порядке будут идти размеры и никак по другому. верх-право-низ-лево. Внутренние свойства padding работают в таком же приницпе. Вы могли заметить что шапка и контент у меня плотно прилегают к границы сайта. Обычно по умолчианию заданы отсутпы в пару пикслеей. Если вы хотите чтобы ваша шапка-контент и прочие блоки плотно прилегали по краям вы задаете ей следующие размеры(напримере шапки) header { width: 100%; height: 100px; } а так же задаете следующие параметры элементу body { padding: 0; margin: 0; } Так же мы с вами хотим например чтобы текст в шапке находился в центре и по высоте ровно по середине(как у меня в шапке) Для этого мы задаем следующие свойтсва text-align: center; рассположение текста в центре line-height: 100px; это свойство делает текст по высоте ровно в середине. Если ваша шапка имеет высоту 80px то в свойство line-height мы задаем тоже 80рх. Надеюсь суть вы поняли)

урок 1css