Jump to content
  • 0

Как правильно обнулять отступы перед началом верстки?


TonKhaO
 Share

Question

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

Раньше делал

* {margin: 0px; padding: 0px;}

обьясните плз чайнику почему так делать нельзя! (не считая того что это не валидно), и как нужно правильно?

спасибо :)

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0
Пару раз видел на форуме подобные темы, решил наконец разобраться!

Раньше делал

* {margin: 0px; padding: 0px;}

обьясните плз чайнику почему так делать нельзя! (не считая того что это не валидно), и как нужно правильно?

спасибо :)

Почитайте про reset.css, там все по другому, и по разнице кода, думаю, сразу станет понятно.

Link to comment
Share on other sites

  • 0

Чет не понял почему это не валидно? Все валидно.

Имхо обнуляет или не обнуляет каждый сам как хочет. Главное, чтобы костюмчик сидел и с ИЕ гемора было поменьше.

Я вот например сторонник ресета от Мейера (http://meyerweb.com/eric/tools/css/reset/). И мне никто не докажет, что я неправ :)

Link to comment
Share on other sites

  • 0
Чет не понял почему это не валидно? Все валидно.

Имхо обнуляет или не обнуляет каждый сам как хочет. Главное, чтобы костюмчик сидел и с ИЕ гемора было поменьше.

Я вот например сторонник ресета от Мейера (http://meyerweb.com/eric/tools/css/reset/). И мне никто не докажет, что я неправ :)

А у меня Ресет тоже похож на Маеровский, но тока немного под себя заточен.

Link to comment
Share on other sites

  • 0
Пару раз видел на форуме подобные темы, решил наконец разобраться!

Раньше делал

* {margin: 0px; padding: 0px;}

обьясните плз чайнику почему так делать нельзя! (не считая того что это не валидно), и как нужно правильно?

спасибо :)

Все валидно. Не то что бы нельзя, просто так как обнуление идет у всех элементов (*) придется потом присутствующим элементам выставлять свои отступы, которые по дефолту были обнулены.

Link to comment
Share on other sites

  • 0
Я вот например сторонник ресета от Мейера (http://meyerweb.com/eric/tools/css/reset/). И мне никто не докажет, что я неправ :)

А зачем Мейер обнуляет те поля/отступы, которые и так по умолчанию нигде не установлены, например?

Link to comment
Share on other sites

  • 0

погодите но ведь * не валиден в CSS на сколько я помню поэтому и сказал что не валидно :)

ой сорри был не прав * валиден, голова кругом уже :-)))

как то давно мне говорили основной минус * {margin: 0px; padding: 0px;} то что это сбрасывает все отступы у элементов у которых их даже и не предусмотрено! это плучается на сколько я понимаю единственный даж не минус :-)

спасибо за ссылку на мейера! буду изучать разницу :-)

Edited by TonKhaO
Link to comment
Share on other sites

  • 0
А зачем Мейер обнуляет те поля/отступы, которые и так по умолчанию нигде не установлены, например?

вот хз, думаю мужик знает что делает... а ваще psywalker прав, надо свой ресет писать

Link to comment
Share on other sites

  • 0
вот хз, думаю мужик знает что делает... а ваще psywalker прав, надо свой ресет писать

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

Да и компактнее получается, хотя это в большинстве случаев не актуально.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy