Сброс настроек по умолчанию для css
Рубрика: Программирование
Метки: css | программирование | сайт
Просмотров: 2334
Подписаться на комментарии по RSS
Тем, кто хоть раз делал сайт или хотя бы оформил web-страничку, знакома проблема одинакового отображения html-страниц в разных браузерах. Особенно этим славится MSIE. Дело в том, что различные браузеры по-разному интерпретируют настройки элементов html по умолчанию.
Да, конечно, каждый уважающий себя web-девелопер настраивает свои стили для сайта, а то и для каждой страницы. Но все-таки хочется сразу знать, что вставляемый элемент отобразится одинаково во всех браузерах без каких-либо дополнительных настроек.
Для этого необходимо заранее привести настройки всех элементов html в одинаковый вид. В самое начало 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, 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; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {
border-collapse: collapse;
border-spacing: 0;
}
Параметры перечисленных элементов будут установлены одинаково для всех браузеров. И дальше можно устанавливать свои настройки.





Комментариев: 2
Нельзя ли вместо всего этого:
html, body, div, span, applet и т.д.
Поставить вот это:
*
* затрагивает не все элементы, увы, хотя, по идее, и должно.