Как убрать отступ сверху html

Для того чтобы управлять внешними отступами, т.е. отступами между элементами на странице - необходимо использоваться свойство margin.

Свойство margin определяет внешний отступ на всех четырёх сторонах элемента. Это сокращение, которое устанавливает все отдельные поля одновременно: margin-top, margin-right, margin-bottom и margin-left.

box-model

Таким образом чтобы убрать отступ каждому элементами сверху правильно использовать margin-top. Рассмотрим пример.

Исходный HTML-документ:

<div class="box red">Блок №1</div>
<div class="box green">Блок №2</div>
<div class="box blue top">Блок №3</div>

Задав стиле способом ниже, у последнего блока не будет отступа в 20px.

.red {
  background-color: red;
}

.blue {
  background-color: blue;
}

.green {
  background-color: green;
}

.box {
  height: 100px;
  width: 125px;
  margin-top: 20px;
}

.top {
 margin-top: 0px;
}
0 0
Познакомьтесь с основами HTML и CSS бесплатно

Похожие вопросы