Маржа и отступы <Body> Тег

Я пишу очень простой HTML-код, который указан ниже. Написано в блокноте и открывается в IE-8 и Firefox (ОС: Windows Vista).

<html>
<body>
    <table border="1"><tr><td>test</td></tr></table>
</body>
</html>

В приведенном выше коде нет ничего особенного, он создает пространство в левом верхнем углу.

enter image description here

Который может быть легко удален с помощью следующего кода

<body style="margin:0; padding:0">

Теперь я узнаю поля по умолчанию и отступы, которые4 для Firefox и разные для IE-8.

<body style="margin:4; padding:4">

У меня есть вопрос по этому сценарию.

Why this value is 4? From where this value is coming, is it saved somewhere? Can we modify (configurable) this default value? How these values are different for browsers?

Благодарю.

 Pacerier04 мая 2014 г., 19:04
@poepje, да Firefox, кажется, следуетw3.org/TR/CSS2/sample.html
 poepje16 июн. 2012 г., 23:48
По крайней мере, в Firefox для меня это всегда 8px. Как слева, так и сверху.

Ответы на вопрос(4)

Браузеры имеют встроенные «нормальные значения по умолчанию» для CSS большинства элементов HTML - это просто предотвращает нечитаемость вашей страницы, если у вас чистый HTML без CSS, но они, конечно, предназначены для переопределения вашим собственным CSS.

Стили браузера по умолчанию обычно называются"User Agent Style Sheet" - следующий сайт является хорошим справочником по различным специфическим UA-листам, которые IE имел за эти годы, а также предоставляет их для других браузеров внизу:

http://www.iecss.com/

Один метод, который используют многие люди"normalise" по умолчанию, так что у вас есть одна и та же отправная точка во всех браузерах"CSS Reset" - это просто фрагмент CSS, который вы помещаете перед своим собственным CSS, который устанавливает все стили UA на одно и то же. Это хорошо известный:

http://necolas.github.com/normalize.css/

 04 мая 2014 г., 18:57
Есть ли у вас источники стилей по умолчанию для других основных браузеров, таких как Chrome и FireFox?
 06 мая 2014 г., 11:27
Смотрите внизу страницы наiecss.com - хотя этому ответу уже 2 года, я не уверен, как часто обновляется этот веб-сайт.

Попробуй это

body{
    line-height: 0
}

Добавьте это поверх вашей таблицы стилей

*{margin:0px;padding:0px;}

Это устранило все различия между отступами и полями в разных браузерах.

 12 окт. 2015 г., 22:08
Это ужасный подход, так как * select выберет все. И, как следствие, может считаться более конкретным, чем другие значения, которые вы можете попытаться установить в другом месте. Не говоря уже об удалении "нормальных" по умолчанию вы не можете понять, что вы полагаетесь.
Решение Вопроса
First of all, it's probably 4px and not 4. Second, that's just the way the browser vendor decided should be the default. It is saved in the default browser stylesheets. You can, but you shouldn't. It differs with each browser. Google it! How do I change default stylesheet on <insert browser here>? There probably are slight differences, you should be able to tell... by looking at the default stylesheets :)

Это различие является одной из основных причин, по которым мы, дизайнеры, используем сброс CSS, чтобы нормализовать все неудобства CSS, возникающие в различных реализациях браузера.

 16 июн. 2012 г., 23:50
Небольшая заметка о 3 .: Это было бы хорошо, только если страница предназначена только для личного использования. Если он будет опубликован в Интернете, а другие увидят страницу, они будут иметь поле в 4/8 пикселей и, следовательно, увидят страницу, немного отличающуюся от запланированной.
 16 июн. 2012 г., 22:40
Стоит упомянуть - изменение поведения браузера не является решением для чего-либо

Ваш ответ на вопрос