«Сбрасывающий» CSS

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

Margin и padding основные свойства которые чаще всего подлежат сбрасыванию, т.к. они в большей степени влияют на структуру.

* {
margin:0;
padding:0
}

Eric Meyer предлагает использовать следующие стили:

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;
}

Оба способа имеют своих сторонников и критиков.

А какие стили используете вы?

Обсуждение:

  1. FX Poster

    Мейеровский и использую. :) Благо, он его обновляет периодически.

  2. Lobach Oleg

    Использовал простейший * {margin:0; padding:0}, только еще шрифт для боди выставлял.

    А после этого поста подумываю на мейеровский перейти — более комплексное решение.

  3. xasan

    Слющай, крютой у тэбя сайт, аднако. Ти настаящый джигыт!

  4. Картофель

    Мне хватает встроенного wcc редактора в Дримвивер, не вижу нужды особой учить назубок всю спецификацию. Хотя это ИМХО

  5. Alex

    Картофель, не совсем понял что вы имеете ввиду.

  6. Диван

    xasan, ты спамер!!! задолбал везде бегать и всех джигитами называть!!! Куда смотрит админ сайта?

  7. Vlad

    Anna ето вы дали ссылку на ваш сайт или что ?

    Через браузер FireFox немного тегы не правельно работают !

  8. Anna

    Net, eto ne moi sait. Eto ssilka na sait stili kotorogo ya ispol’suu kotorii rabotaet pochti takzhe kak u Erika Meyera.

    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
    }
    table {
    border-collapse:collapse;
    border-spacing:0;
    }
    fieldset,img {
    border:0;
    }
    address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
    }
    ol,ul {
    list-style:none;
    }
    caption,th {
    text-align:left;
    }
    h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
    }
    q:before,q:after {
    content:»;
    }
    abbr,acronym { border:0;
    }

  9. btl

    Спасибо за статейку, надо будет попробовать некоторые вещи от сюда.

  10. F

    а вот зачем такое изъебство?!
    полстраницы ненужного кода.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*