Сделать сброс стилей

[Karacb]

Добрый день.

Насколько разумно подключить такой фаил 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%; /* задаем базовый размер шрифта, значение по умолчанию = 16px */
	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; /* и скрываем генерируемое содержимое */
}
:focus {
	outline: 0; /* убираем контуры вокруг ссылок при фокусе */
}
ins {
	text-decoration: none; /* убираем подчеркивание для вставленного текста */
}
del {
	text-decoration: line-through; /* убираем перечеркивание для удаленного текста */
}
table {
	border-collapse: collapse; /* убираем рамки двойной толщины */
	border-spacing: 0; /* убираем расстояние между ячейками */
}

Подробнее о этом коде http://www.xiper.net/collect/html-and-css-...-width-css.html

Спасибо.

[arez]

Стоит, но только если вы понимаете что он делает и для чего он нужен

[Serlutin]

Сколько же споров глобальные сбросы порождают. Кто-то пользуется *, кто-то reset.css, кто-то обнуляет по мере необходимости. Для начала надо подумать насколько большой проект создается, сколько потом человек будут управлять дизайном, контентом и прочим. Если сайт будет состоять из одной странички с текстом и картинкой, то весь этот сброс будет не нужным.

outline: 0; /* убираем контуры */

Зачем? Кому они мешают. Это ведь удобно, даже если выглядит не очень красиво. У меня однажды совсем не вовремя сломалась мышь, так пришлось пользоваться клавиатурой, и пунктирные рамочки очень помогли. Если не нравятся пунктирные рамки, пусть будет что-то другое, но чтобы мышь не была нужна.

vertical-align: baseline; background: transparent;

Не знаю насколько это нужно.

ol, ul {
	list-style: none; /* убираем маркеры для нумерованных и обычных списков */
}

А вот с этим можно еще поспорить. Вы точно уверены, что никто после вас не захочет создать нумерованный список? Ведь если его дополнительно не настраивать, то это будет просто набор строчек. Мне кажется, что логичнее убирать это только у элементов, которые используются в дизайне, то есть по ходу верстки, а не в глобальном сбросе. Либо дополнительно прописать отображение этих элементов.

blockquote, q {
	quotes: none; /* убираем кавычки для цитат */
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: ''; /* убираем */
	content: none; /* и скрываем генерируемое содержимое */
}

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

[Karacb]

А вот с этим можно еще поспорить. Вы точно уверены, что никто после вас не захочет создать нумерованный список? Ведь если его дополнительно не настраивать, то это будет просто набор строчек. Мне кажется, что логичнее убирать это только у элементов, которые используются в дизайне, то есть по ходу верстки, а не в глобальном сбросе. Либо дополнительно прописать отображение этих элементов.

На счёт этого согласен, но в любом случае у нас доступен стиль маркера для li.

Стоит, но только если вы понимаете что он делает и для чего он нужен

Понимаю конечно, хотя не все свойства в этом коде хорошо знаю

[mishka]

ol, ul {
	list-style: none; /* убираем маркеры для нумерованных и обычных списков */
}

Всетаки это нужно. Так как чуть выше мы сбросили падинг и маргин для списков - то эти маркеры вылезут у нас совсем в ненужных местах.

в любом случае у нас доступен стиль маркера для li.

Задавание стилей маркера на li - не очень хорошо. Сейчас пример не приведу, но точно пару раз был с этим казус.

[Serlutin]

mishka2, я имел ввиду, что лучше вообще ничего не сбрасывать в UL и OL.

Либо потом специально позаботится, как будут выглядеть они в контенте. Просто уже напоролся я один раз на такую проблему.

[CEBEP]

+1 списки в основном удобнее оставлять как есть.

[clavin]

 vertical-align: baseline;

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