Сбросить CSS - установить отступы и поля на 0? - PullRequest
0 голосов
/ 24 января 2012

Глядя на YUI 2: сброс CSS они устанавливают margin:0 и padding:0 для нескольких элементов. Меня не волнует IE6 или IE7 на моих страницах. Нужно ли мне все равно устанавливать margin:0 для каждого элемента?

  • div (нет)
  • ол (да)
  • ul (да)
  • li (нет)
  • форма (только IE6, IE7)
  • вход (нет)
  • текстовая область (нет)

Мне все равно нужно будет установить padding:0 для каждого элемента?

  • корпус (нет)
  • div (нет)
  • ul (да)
  • ол (да)
  • li (нет)
  • форма (нет)
  • textarea (да)
  • р (нет)

Мне все еще нужно установить border:0 для изображения?

A: только для связанных изображений

Что-нибудь еще вы рекомендуете?

Ответы [ 4 ]

3 голосов
/ 24 января 2012

Вы можете посмотреть встроенные таблицы стилей IE на этом сайте: http://www.iecss.com/

Он имеет ссылки на стили Firefox, WebKit и Opera.Вы можете сделать перекрестные ссылки, чтобы принять решение.

0 голосов
/ 24 января 2012

I всегда используйте это:

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,
b, u, i, center,
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-size: 100%;
        vertical-align: baseline;
        background: transparent;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}

/* remember to define focus styles! */
:focus {
        outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
        text-decoration: none;
}
del {
        text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}
0 голосов
/ 24 января 2012

Это не связано с совместимостью элементов браузера . Все стандартные элементы совместимы (т.е. отображаются такими, какие они есть) в каждом браузере.

Проблема в том, что браузеры обычно применяют свойства стиля по умолчанию для некоторых элементов по-разному. Например, IE и Firefox применяют другое поле по умолчанию для элементов блока, другой размер шрифта для заголовков (h1, h2, ...) и т. Д. *

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

Вы можете прочитать статью здесь:

http://sixrevisions.com/css/css-tips/css-tip-1-resetting-your-styles-with-css-reset/

0 голосов
/ 24 января 2012

Это зависит от того, хотите ли вы, чтобы поля и отступы для элементов на вашей странице имели определенное значение.Если это не имеет значения, во что бы то ни стало оставьте его как браузер по умолчанию - просто не полагайтесь на него, потому что нет гарантии, что все браузеры в мире будут использовать значение по умолчанию, которое использует ваш тестирующий браузер.Я бы порекомендовал вам настроить normalize.css и использовать его в своем коде.Если вас беспокоит необходимость загрузки другой таблицы стилей или раздувания собственной таблицы стилей, вы всегда можете сжать CSS и вставить его в строку в верхней части файла.

...