Сброс CSS, стили по умолчанию для общих элементов

Вы имеете в виду как:

* {
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 1em;
}

?

На самом деле, извините, я неправильно прочитал ваш вопрос, вам нужно что-то вроде полного сброса Эрика Мейера @ http://meyerweb.com/eric/tools/css/reset/

YUI предоставляет базовый файл CSS, который обеспечивает согласованные стили для всех браузеров «А-класс». Они также предоставляют файл сброса CSS, так что вы также можете использовать его, но вы говорите, что уже сбросили CSS. Для получения дополнительной информации перейдите к Сайт YUI. Это то, что я использовал, и это действительно хорошо работает.

Одно из правил применения стилей CSS - «последний в победе». Это означает, что если ваши стили сброса CSS устанавливают для элементов значение margin:0; padding:0, вы можете затем переопределить эти правила, объявив желаемые значения для тех же элементов впоследствии.

Вы можете сделать это в том же файле (YUI предлагает однострочный сброс, я думаю, поэтому я иногда включаю его в качестве первой строки в моем файле CSS) или в отдельном файле, который появляется после сброса тега CSS <link/>.

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

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

Если вы хотите увидеть значения css по умолчанию для firefox, поищите в дистрибутиве файл с именем html.css (в том же каталоге должны быть другие полезные файлы css). Вы можете выбрать те правила, которые вам нужны, и применить их после сброса.

Также в стандарте CSS2 есть образец таблицы стилей для HTML 4.

«После применения сброса CSS я хочу вернуться к« нормальному »поведению элементов html ...»

Если вы применили сброс, вам нужно будет добавить правила для того, что вы считаете нормальное поведение. Поскольку нормальное поведение варьируется от браузера к браузеру, этот вопрос не является продолжением. Мне нравится ответ @ da5id - используйте один из множества доступных сбросов и настройте его в соответствии со своими потребностями.

Ознакомьтесь с YUI (соглашениями о пользовательском интерфейсе с открытым исходным кодом Yahoo).

У них есть базовая таблица стилей, которая отменяет их собственный сброс css. На самом деле они не рекомендуют вам использовать его в производственной среде - так как это контрпродуктивно, но определенно стоит проверить файл, чтобы получить соответствующие фрагменты для того, что вы хотите «отменить».

Я рекомендую вам посмотреть 40-минутный разговаривать, чтобы набрать скорость.

Вот короткий фрагмент их файла base.css:

ol li {
    /*giving OL's LIs generated numbers*/
    list-style: decimal outside;    
}
ul li {
    /*giving UL's LIs generated disc markers*/
    list-style: disc outside;
}
dl dd {
    /*giving UL's LIs generated numbers*/
    margin-left:1em;
}
th,td {
    /*borders and padding to make the table readable*/
    border:1px solid #000;
    padding:.5em;
}
th {
    /*distinguishing table headers from data cells*/
    font-weight:bold;
    text-align:center;
}

Загрузите полные таблицы стилей ниже или прочтите полную документацию.

Сброс Yahoo css | Yahoo base (отменить) сброс css

Лично я большой поклонник ЧертежCSS. Он сбрасывает стили в браузерах и предоставляет некоторые действительно удобные значения по умолчанию (это то, что вам нужно в 90% случаев). Он также предоставляет сетку макета, но вам не нужно ее использовать, если она вам не нужна.

Нормальное поведение для WebKit h1:

h1 {
    display: block;
    font-size: 2em;
    margin: .67__qem 0 .67em 0;
    font-weight: bold
}

Нормальное поведение для Gecko h1:

h1 {
    display: block;
    font-size: 2em;
    font-weight: bold;
    margin: .67em 0;
}

Остальные элементы должны быть там, если вы будете искать файлы.

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

Чтобы узнать, что браузер ваш считает по умолчанию, откройте HTML-файл простой со списками и просмотрите списки с помощью отладчика CSS, такого как Firebug, и просмотрите вкладку Computed.

Я не сбрасываю все элементы по умолчанию, потому что стили по умолчанию так или иначе зависят от браузера, поэтому они варьируются от браузера к браузеру. Вместо того, чтобы использовать что-то вроде ul, ol { list-style: none; }, я добавляю класс CSS, например r или reset, а затем указываю, что если это ul, который имеет класс r, сбросьте его или иным образом оставьте его нетронутым.

Между прочим, вам нужно добавить class = "reset" (например) ко всем этим элементам, что является дополнительной работой и кодом, однако в конце у вас будут все ваши стили по умолчанию нетронутыми в конце!

После того, как вы присвоили значение свойству CSS элемента, невозможно вернуть для него «нормальное» значение, если предположить, что «нормальный» означает «браузер по умолчанию», как это, кажется, означает здесь. Таким образом, единственный способ, чтобы, скажем, элемент h1 имел значение font-size браузера по умолчанию, - это использовать не устанавливать для него свойство вообще в вашем коде CSS.

Таким образом, чтобы исключить некоторые свойства и элементы из сброса CSS, вам необходимо использовать более ограниченный сброс CSS. Например, вы не должны использовать * { font-size: 100% }, а заменить * списком селекторов, например input, textarea { font-size: 100% } (список может быть довольно длинным, но, например, настройки браузера по умолчанию для font-size отличаются от 100% только для нескольких элементов).

Конечно, можно установить для свойств значения, которые вы ожидать должны использовать по умолчанию в браузере. Нет гарантии, что это окажет желаемый эффект на все браузеры, как текущие, так и будущие. Но для некоторых свойств и элементов это может быть относительно безопасно, потому что значения по умолчанию, как правило, похожи.

В частности, вы можете использовать раздел Рендеринг в HTML5 CR. Он описывает «ожидаемый рендеринг», а не требование, хотя поставщики браузеров могут принять решение заявить о соответствии им, если они того пожелают, и, как правило, это, вероятно, сохранит реализации довольно похожими в этом отношении. Например, для h1 ожидаемые настройки (здесь собраны в одно правило - в HTML5 CR они разбросаны вокруг):

h1 {
unicode-bidi: isolate;
display: block;
margin-top: 0.67em;
margin-bottom: 0.67em;
font-size: 2.00em;
font-weight: bold;
}

(Существуют дополнительные контекстные правила. Например, ожидается, что размещение h1 внутри section повлияет на настройки.)