frujo Sep 26 2008 at 13:36

Пользуетесь ли вы файлами обнуления свойств элементов страницы (CSS-reset stylesheets)?

1 min

2.1K

CSS*

Comments 19

gigigi Sep 26 2008 at 14:07

я обнуляю только то что нужно обнулить мне. занимает это несколько строк

zdec Sep 26 2008 at 14:26

Аналогично. Всегда обнуляю. Всё остальное зависит от макета дизайнера.

zdec Sep 26 2008 at 14:29

*… Всегда обнуляю <body>… *

frujo Sep 26 2008 at 15:47

А что, если не секрет, чаще всего приходится? Возможно имеет смысл придумать некий CSS-reset Lite?

gigigi Sep 27 2008 at 10:56

Мне хватает такого обнуления

body {margin: 0; padding: 0;}
table {border-collapse: collapse;}
td {padding: 0; vertical-align: top;}
img {border: 0;}

иногда ещё
form {margin: 0; padding: 0;}

kost Sep 26 2008 at 14:35

Примечание обнуляльщикам.

Не забудьте потом прописать отступы, там где нужно.

Мне тут достался сайт на «доделку», где все «обнулили», а потом вместо абзацев по два <br/> втыкали.

frujo Sep 26 2008 at 14:43

Забавно :)
Вот Джонатан Снук пишет о том же. Прочитав написанное стало интересно мнение хабраобщества.

kost Sep 26 2008 at 17:13

Спасибо. Согласен с автором.

Сделал 2 или 3 проекта с обнулением, по-моему, без обнуления все же удобнее.

porchini Sep 26 2008 at 15:27

хватит уже указывать последним пунктом версию с НЛО.
Есть же кнопка «Воздержаться», для тех кто хочет просто посмотреть результаты…

zimorodok Sep 26 2008 at 16:29

Всегда обнуляю. ИМХО проще работать с нулевыми отступами, нежели искать, где это выскочил новый бок в ie, например.

sunnybear Sep 26 2008 at 21:27

hasLayout рулит :)

UFO landed and left these words here

Sir_Michael Sep 29 2008 at 13:11

Всегда обнуляю, всегда восстанавливаю.
Использую reset.css Эрика Мейера, хотя из его решения можно и удалить пару строчек совершенно безболезненно для 99.99% проектов.

UFO landed and left these words here

Dr_Death Oct 13 2008 at 06:20

/* reset */
html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form, img, table, dl, dt, dd { padding:0; margin:0; }
html, body { background:#fff; font-size:12px; font-family:tahoma,arial; height:100%; }
textarea { font-family:tahoma,arial; font-size:12px; }
input { font-family:tahoma,arial; font-size:12px; vertical-align:middle; }
input[type=checkbox], input[type=radio] { cursor:pointer; cursor:hand; margin:0; vertical-align:middle; }
select { font-family:tahoma,arial; font-size:12px; vertical-align:middle; }
label { cursor:pointer; cursor:hand; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
a img, img { border:0; vertical-align:middle; }
ol, ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; table-layout:fixed; }
sup, sub { vertical-align:baseline !important; vertical-align:bottom; position:relative; }
sup { bottom:0.5em; }
sub { top:0.3em; }
.clear { clear:both; height:0px; font-size:1px; line-height:0px; overflow:hidden; }

постоянно изменяемый код, на данный момент выглядит так :)