Что такое сброс CSS? Некоторые коллеги называют это «сбросом CSS», а некоторые могут назвать это «CSS по умолчанию»...
Я думаю, что после прочтения полного текста у вас появится новое понимание Css Reset
...
PS:
Код программы
.
* {
заполнение: 0;
маржа: 0;
}
Это наиболее часто используемый метод сброса Css, но здесь возникает множество проблем.
В первой части оригинальной статьи много говорится о Css и различиях в правилах CSS каждого браузера. «Css Reset» также разработан для обеспечения совместимости и унификации. Правильное и эффективное использование «Css Reset» может сэкономить время и деньги. определенной степени.
Большое спасибо Perishable за организацию и подведение итогов.
Ниже приводится краткое введение в несколько типов сброса Css. Автор имеет ограниченные возможности и может понять только общий смысл.
Минималистичный сброс [Версия 1]
программный код,
который мы часто используем.
* {
заполнение: 0;
маржа: 0;
}
Минималистичный сброс [Версия 2]
Дизайн border:0 немного ненадежен, а
программный код
* {
заполнение: 0;
маржа: 0;
граница: 0;
}
Минималистичный сброс [Версия 3]
Конечно, это не рекомендуется, поскольку это будет конфликтовать с некоторыми стилями
программного кода по умолчанию.
* {
контур: 0;
заполнение: 0;
маржа: 0;
граница: 0;
}
Сокращенный универсальный сброс
Это метод письма, который в настоящее время предпочитает автор, обеспечивающий единство относительно распространенных браузерных стилей.
программный код
* {
вертикальное выравнивание: базовая линиябазовая линия;
шрифт-вес: наследовать;
семейство шрифтов: наследовать;
стиль шрифта: наследовать;
размер шрифта: 100%;
граница: 0 нет;
контур: 0;
заполнение: 0;
маржа: 0;
}
Перезагрузка бедняка
Программные коды
для сброса размера шрифта и обработки границ ссылок на изображения часто встречаются на некоторых сайтах.
HTML, тело {
заполнение: 0;
маржа: 0;
}
html {
размер шрифта: 1em;
}
тело {
размер шрифта: 100%;
}
img, :link img, :visited img {
граница: 0;
}
Глобальная перезагрузка Шона Инмана
Автор считает, что у Шона есть определенная цель написания этого типа сброса Css и что такие правила нацелены на некоторые важные часто используемые браузеры, такие как IE, Firefox и другие
программные коды.
тело, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
форма, набор полей, ввод, p, цитата, таблица, th, td, embed, объект {
заполнение: 0;
маржа: 0;
}
стол {
граница-коллапс: коллапс;
расстояние между границами: 0;
}
набор полей, img, сокращение {
граница: 0;
}
адрес, подпись, цитата, код, dfn, em,
h1, h2, h3, h4, h5, h6, сильный, th, var {
вес шрифта: нормальный;
стиль шрифта: нормальный;
}
ул {
стиль списка: нет;
}
подпись, й {
выравнивание текста: по левому краю;
}
h1, h2, h3, h4, h5, h6 {
размер шрифта: 1.0em;
}
q:до, q:после {
содержание: '';
}
а, ins {
текстовое оформление: нет;
}
Сброс CSS Yahoo
что программный код
для Reset, написанный ребятами из Yahoo, можно рекомендовать.
тело,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,blockquote,th,td {
заполнение: 0;
маржа: 0;
}
стол {
граница-коллапс: коллапс;
расстояние между границами: 0;
}
набор полей, img {
граница: 0;
}
адрес, подпись, цитируйте, код, dfn, em,strong,th,var {
вес шрифта: нормальный;
стиль шрифта: нормальный;
}
ол,ул {
стиль списка: нет;
}
подпись,th {
выравнивание текста: по левому краю;
}
h1,h2,h3,h4,h5,h6 {
вес шрифта: нормальный;
размер шрифта: 100%;
}
д: до, д: после {
содержание:'';
}
аббр, акроним { граница: 0;
}
Сброс CSS Эрика Мейера
Автор изменил код Эрика Мейера, но функция осталась прежней. Этот набор Css Reset является наиболее часто используемым
программным кодом
в отрасли.
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn, em, шрифт, img, ins, kbd, q, s, samp, маленький, забастовка, сильный, суб, суп, тт, вар,
h1, h2, h3, h4, h5, h6, p, цитата, pre, a, сокращение, аббревиатура, адрес, большой, цитата, код,
dl, dt, dd, ol, ul, li, набор полей, форма, метка, легенда {
вертикальное выравнивание: базовая линиябазовая линия;
семейство шрифтов: наследовать;
шрифт-вес: наследовать;
стиль шрифта: наследовать;
размер шрифта: 100%;
контур: 0;
заполнение: 0;
маржа: 0;
граница: 0;
}
/* не забудьте определить стили фокуса */
:фокус {
контур: 0;
}
тело {
фон: белый;
высота строки: 1;
цвет: черный;
}
ол, ул {
стиль списка: нет;
}
/* таблицам по-прежнему требуется cellspaceing="0" в разметке */
стол {
граница-коллапс: отдельная;
расстояние между границами: 0;
}
подпись, th, td {
вес шрифта: нормальный;
выравнивание текста: по левому краю;
}
/* удаляем возможные кавычки (") из и
*/
цитата:до, цитата:после, q:до, q:после {
содержание: "";
}
цитата, q {
кавычки: "" "";
}
Сокращенный сброс Мейера
В целом это модификация и улучшение
программного кода Css Reset Эрика Мейера.
тело, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, цитата, th, td {
заполнение: 0;
маржа: 0;
}
набор полей, img {
граница: 0;
}
стол {
граница-коллапс: коллапс;
расстояние между границами: 0;
}
ол, ул {
стиль списка: нет;
}
адрес, подпись, ссылка, код, dfn, em, Strong, th, var {
вес шрифта: нормальный;
стиль шрифта: нормальный;
}
подпись, й {
выравнивание текста: по левому краю;
}
h1, h2, h3, h4, h5, h6 {
вес шрифта: нормальный;
размер шрифта: 100%;
}
q:до, q:после {
содержание: '';
}
сокращение, аббревиатура {
граница: 0;
}