PDA

Просмотр полной версии : Какие RESET приемы используете на CSS?


3JIO
13.11.2011, 18:56
??????????

YUI css reset

/* RESET */
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,c ode,form,fieldset,legend,input,button,textarea,sel ect,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,button,caption,cite,code,dfn,em,input,optg roup,option,select,strong,textarea,th,var{font:inh erit}
del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}

/* FONT RESET */
body{font:12px tahoma,helvetica,clean,sans-serif;*font-size:small;*font:x-small}
select,input,textarea,button{font:99% tahoma,helvetica,clean,sans-serif}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}

rohard
23.11.2011, 20:24
Сейчас использую blueprintcss, reset примерно такой (очень похож на каноничный http://meyerweb.com/eric/tools/css/reset/):
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

С YUI как-то было дело, но там многое раздражает (li list-style:none убивает) и многого не хватает (того же a img, :focus, blockquote, HTML5).

3JIO
23.11.2011, 21:59
Сейчас использую blueprintcss, reset примерно такой (очень похож на каноничный http://meyerweb.com/eric/tools/css/reset/):
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

С YUI как-то было дело, но там многое раздражает (li list-style:none убивает) и многого не хватает (того же a img, :focus, blockquote, HTML5).

А почему же Yahoo! такие как из твоей сборки не включил то?

rohard
23.11.2011, 22:36
А почему же Yahoo! такие как из твоей сборки не включил то?

Потому что это их дело. Использовать хак для осла (*font-size) прямо в reset, убрать "лишние" правила, положить большой и толстый на HTML5? Почему бы и нет.

Только, при чём здесь я? Это не моя сборка, это проверенный годами ресет Эрика Майера.

3JIO
24.11.2011, 19:55
Только, при чём здесь я? Это не моя сборка, это проверенный годами ресет Эрика Майера.

Ну я знаю что это не твои собственные :)

rohard
24.11.2011, 21:25
Ну я знаю что это не твои собственные :)

Ну и к чему тогда был вопрос?

Подборка ресетов. (http://cssreset.com)

rohard
24.08.2012, 23:41
Некрофил моуд он.

Отказался от ресетов.

Какое-то время использовал normalize.css, но и от него вскоре тоже отказался. По разным причинам; например, мне не нужна поддержка IE < 8 и html5 (так как используется html5shim.js). Ну и так, по мелочи.