Reset (прислал верстальщик)

[Verder]

reset.css - прислал верстальщик. Я обычно просто, чтобы не париться, прописываю * {margin:0; padding:0;}

Будет ли удобнее и правильнее с таким reset?

/* ==========  Reset list ========= */


body {margin:0;padding:0;}

img {border:0;}

:focus {outline: 0;}

a {outline:none;}

/* ————————-- */

/* Headers all reset */

h1, h2, h3, h4, h5, h6 {margin:0;padding:0;}

/* ————————-- */

/* List reset */

ul, ol, li {margin:0;padding:0;list-style: none;}


/* ————————— */

/* Definition list (if use) */

dl, dt, dd {margin:0;padding:0;}

/* ————————— */

/* Tables (if use) */

table {border-collapse:collapse;border-spacing: 0;}



/* ======= End of main list reset ========= */

Здесь не весь лист, толькт необходимое.

P.S.

Последнее время все чаще использую списки определений вместо параграфов.

[rus]

обнуление это конечно удобно, но вот придется всем элементам у которых стоит обнуление прописывать стили, либо обращаться к ним как к псевдо.

[Verder]

обнуление это конечно удобно, но вот придется всем элементам у которых стоит обнуление прописывать стили, либо обращаться к ним как к псевдо.

Это да, но например у заголовков по дефолту такие отступы, что приходится все равно свои прописывать.

[rus]

Это да, но например у заголовков по дефолту такие отступы, что приходится все равно свои прописывать.

тогда значит оставь обнуление только у тех элементов, у которых всегда прописываешь стили, типа:

параграф, заголовки, инпуты, списки (?)...

[Great Rash]

Ресет фиговенький... сравните с этим, он гораздо больше элементов охватывает.

Удобно или нет сложно сказать, каждый это сам для себя решает. Рекомендую опробовать на одном из проектов и если попрет начать юзать.

Самому хватает * {margin: 0; padding: 0;}

[Verder]

тогда значит оставь обнуление только у тех элементов, у которых всегда прописываешь стили, типа:

параграф, заголовки, инпуты, списки (?)...

Ну хрен знает.

Просто задача стоит так, чтобы сделать универсальный набор css-файлов для использования в большом количествое платных шаблонов/макетов и чтобы конечный пользователь, после приобретения такого макета "as is" мог без труда разобраться что к чему.

Ресет фиговенький... сравните с этим, он гораздо больше элементов охватывает.

Удобно или нет сложно сказать, каждый это сам для себя решает. Рекомендую опробовать на одном из проектов и если попрет начать юзать.

Самому хватает * {margin: 0; padding: 0;}

Мейера смотрел. Но, как я написал выше, нужно чтобы пользователь со знаниями css/html ниже среднего мог легко разобраться и в обнуление были внесены только те элементы, которые используются.

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

Edited November 16, 2010 by Verder

[rus]

а комменты в css уже отменили?

[WalkMan]

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

когда на макетах их нет, а клиент потом сам чтото вставляет

по итогу инпут и баттон выглядят непристойно

тоже в отношении таблиц

если их в верстке не использю, то не трогаю

[Verder]

а комменты в css уже отменили?

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

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

[rus]

ну тогда в чем собственно проблема то?

1) ты сдаешь проект знающему человеку и просто говоришь что есть мол там обнуление глобальное если что...

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

[Great Rash]

Мейера смотрел. Но, как я написал выше, нужно чтобы пользователь со знаниями css/html ниже среднего мог легко разобраться и в обнуление были внесены только те элементы, которые используются.

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

ИМХО обнуление - это системный файл, и конечный юзер вообще не должен в него лазить. Подключаем его отдельно от основного файла стилей и все.

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

[psywalker]

Вердер, я когда-то создавал, может окажется полезной

http://forum.htmlbook.ru/index.php?showtop...%80%D0%BE%D1%81

И вот чуть-чуть http://forum.htmlbook.ru/index.php?s=&...st&p=153359

[klierik]

* {margin: 0; padding: 0;}

работает дольше нежели

p {margin: 0; padding: 0;}

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

в идеале, имхо, берется любой известные резет и подгоняется под себя.

[mishka]

p {margin: 0; padding: 0;}

Давай те ка еще на всяк случай list-style: none; сделаем для параграфа.

Ведь чего же только padding обнуляем, которого в параграфе никогда небыло? Давайте уже если обнулять так обнулять

[rash]

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

[klierik]

Давай те ка еще на всяк случай list-style: none; сделаем для параграфа.

Ведь чего же только padding обнуляем, которого в параграфе никогда небыло? Давайте уже если обнулять так обнулять

мне казалось что любому опытному разработчику, тем более тебе, будет понятно что Р тут не более чем для примера, видать ошибся ) бывает

так, надеюсь, понятнее будет:

any_tag { margin: 0; padding: 0; }

[mishka]

ага, сделаем так:

h1 { margin: 0; padding: 0; }

ну или так:

dl, dd { margin: 0; padding: 0; }

или даже так:

body { margin: 0; padding: 0; }

вот я же и говорю - давайте уже если обнулять, так обнулять по взрослому:

tag {
	и лепим все что знаем, дабы не упустить ничего;)
}

Edited November 16, 2010 by mishka2

[rash]

mishka2, когда пишется общий список тегов, для которых обнуляются поля и отступы, ты тоже будешь разделять их на те, у которых есть только поля, те, у которых есть только отступы и те, у которых есть и то, и другое?

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

[psywalker]

klierik

Да не парься ты, у нас то с тобой давно уже свой ресет в запасе имеется

[mishka]

mishka2, когда пишется общий список тегов, для которых обнуляются поля и отступы, ты тоже будешь разделять их на те, у которых есть только поля, те, у которых есть только отступы и те, у которых есть и то, и другое?

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

нет конечно, но margin: 0; padding: 0; - не достаточный сброс если его применять ко всем тегам.

И так как я часто видел такое: h1, h2, .... h6, p { margin: 0; padding: 0; } - то вполне закономерно подумал что тут:

p {margin: 0; padding: 0;}

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

Edited November 16, 2010 by mishka2

[psywalker]

нет конечно, но margin: 0; padding: 0; - не достаточный сброс если его применять ко всем тегам.

И так как я часто видел такое: h1, h2, .... h6, p { margin: 0; padding: 0; } - то вполне закономерно подумал что тут:

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

Давайте выясним раз и навсегда, для каких тегов Не эффективен этот сброс? { margin: 0; padding: 0; }

[mishka]

тоесть ты утверждаешь что если написать

* { margin: 0; padding: 0 }

и набросать всяких разнообразных тегов на страничку - то они будут выглядеть все кроссбраузерно?

[klierik]

psywalker

* {}

этот подход больше грузит браузер, а собственно и замедляет рендеринг страницы.

не просто же так такие гуру как YAHOO и им подобные, с колосальным опытом в разработке, придумали reset.css

[mishka]

margin: 0; padding: 0

Этого недостаточно, так как не обнуляет бордеры, маркеры списков, высоту строки, размер шрифта, вертикальное выравнивание текста, колапс ячеек таблиц.

Я предпочитаю не пользоваться сбросом. Тоесть стили не сбрасываю, потом определяю, а сразу переопределяю.

но если сбрасывать, то мне кажется лучше юзать сброс Эрика Мейера, немного доработав размер шрифтов.

[deadrash]

А что на счёт этой статьи скажите ? http://webstandards.org.ru/blog/layout/css-template.html

Чувак вроде как принимает участие в разработке стандартов цсс, кажется ему можно доверять. К тому же он делает не ресет.цсс а "базовый стиль" который должен только убрать разницу броузерах в отображении из за разных дефолтных настроек стилей.

[klierik]

mishka2

я говорю не про

margin: 0; padding: 0

а про

* {}

в частности целесообразнее описать область тегов, нежели присваивать через звезду.

deadrash

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