@frujo26 сен 2008 в 13:36

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

1 мин

2.2K

CSS *

Комментарии 19

@gigigi 26 сен 2008 в 14:07

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

@zdec 26 сен 2008 в 14:26

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

@zdec 26 сен 2008 в 14:29

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

@frujo 26 сен 2008 в 15:47

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

@gigigi 27 сен 2008 в 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 26 сен 2008 в 14:35

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

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

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

@frujo 26 сен 2008 в 14:43

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

@kost 26 сен 2008 в 17:13

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

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

@porchini 26 сен 2008 в 15:27

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

@zimorodok 26 сен 2008 в 16:29

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

@sunnybear 26 сен 2008 в 21:27

hasLayout рулит :)

НЛО прилетело и опубликовало эту надпись здесь

@Sir_Michael 29 сен 2008 в 13:11

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

НЛО прилетело и опубликовало эту надпись здесь

@Dr_Death 13 окт 2008 в 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; }

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