Верхнее поле отображается как 18px, но не задано в css

Question

У меня возникли проблемы с изоляцией где, собственно, маркер элемента p устанавливается в различных файлах css, которые использует наш проект. Правило margin не отображается в списке css инспектора элементов в инструментах разработчика (F12) IE или Chrome (хотя в Chrome, конечно же, содержится таблица внизу списка правил CSS, в которой говорится, что 18px верхнего и нижнего margin применяется от SOMEwhere).

Я только что использовал «Grep» для поиска всех файлов в проекте для строк: «margin: 18px», «margin-top: 18px», «margin: 18px» и «margin-top: 18px», , Совпадений не было.

Мой вопрос: какой другой способ установить запас? Можно ли установить его как побочный продукт какого-либо другого свойства? Глупое предложение, я знаю, но я не уверен, что еще думать.

И я проверил и перепроверил список css в инспекторе элементов, и правило маржи не отображается - хотя Chrome говорит мне, только на этой диаграмме, что маржа устанавливается как-то.

Любые новые знания, хорошо оцениваемые, спасибо.

EDIT
Просто чтобы быть ясно, - когда я говорю о проверке «список CSS элемента инспектора в инструментах разработчика», я имею в виду, я проверил элемент инструментов разработчика F12 как в IE и Chrome ,
И жаль быть уклончивым, но проект слишком велик, чтобы продемонстрировать в js скрипке.

Answer 1

У браузеров есть некоторые встроенные правила CSS, которые вы хотите переопределить, чтобы убедиться, что у вас есть по существу «пустой холст», который нужно использовать. Хорошим и широко используемым сбросом CSS является Eric Meyer's CSS Reset - скопируйте содержимое сбросного CSS в новый файл reset.css и включите его, прежде чем включать собственный CSS-проект вашего проекта.

Answer 2

CSS 2.1 specification имеет default style sheet для HTML 4. Это просто информативный и не нормативный, поэтому браузеры могут его использовать, но не обязательно.

Другим ресурсом может быть веб-разработчик инструментов браузеров. Большинство может показать вам каскад правил, применяемых к определенному элементу. Пример: Firefox и Safari (WebKit), похоже, используют margin: 1em 0px для p элементов.

Answer 3

У браузеров всегда есть «безопасная зона», встроенная в них. Вы можете переопределить это через CSS с помощью простого «листа правил».

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    font-weight: inherit; 
    font-style: inherit; 
    font-size: 100%; 
    font-family: inherit; 
    vertical-align: baseline; 
} 
:focus { 
    outline: 0; 
} 
body { 
    line-height: 1; 
    color: black; 
    background: white; 
} 
ol, ul { 
    list-style: none; 

Я надеюсь, что этот «сброс» поможет вам!