@Kartoxa18

Почему в браузере автоматически появляются отступы с боковых сторон?

Почему в браузере автоматически появляются отступы с боковых сторон при написании кода на HTML?
Как их убрать дайте советы пожалуйста.5d7e00b47543d020989672.png
  • Вопрос задан
  • 487 просмотров
Решения вопроса 2
godsplane
@godsplane
* {
margin:0;
padding:0;
}


У браузера по умолчанию есть свои стили которые нужно сбрасывать
Ответ написан
В браузерах есть встроенные таблицы стилей (CSS), которые размечают HTML-код даже в том случае, если Вы никакие стили не указывали.

Так вот, для тега <body> применяется свойство margin.

Вы можете обнулить его, указав в стилях правило
body {
    margin: 0;
}

5d7e02d17a9c8659431119.png
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@sidorchik
Браузер по умолчанию задаёт отступ странице: цсс-свойство margin для хтмл-тега body.

Чтобы убрать ненужный отступ, считается плохой практикой писать следующий цсс:
* {
    margin: 0;
    padding: 0;
}

Причина — добавляет ненужного кода элементам. У большинства и так нулевые дефолтные отступы, а у других (например, заголовков, списков) обычно задаются свои.

Опытные ребята обнуляют отступы и другие стили c помощью reset.css или normalize.css. Минусы такого похода:
  1. Не делается ничего из того, что хочет ваш дизайнер.
  2. Половина описанных элементов не используется.
  3. Повышается сложность чтения и объём байтиков: браузер добавляет стили по умолчанию, рисет всё обнуляет, вы добавляете своё. В инспекторе — портянка зачёркнутых свойств.
  4. Неуниверсально. Если захотите использовать блоки повторно, на другом проекте всё сломается. Чтобы починить, нужно будет искать старый рисет.


Яндекс советует не использовать селекторы на звёздочку, не сбрасывать стили, а писать универсальные блоки. Ваш случай:
.page {
    margin: 0;
}

<body class="page">

Источник
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы