Форумы Якутск Онлайн

Форумы Якутск Онлайн (https://forum.ya1.ru/index.php)
-   Веб-дизайн (https://forum.ya1.ru/forumdisplay.php?f=26)
-   -   Какие RESET приемы используете на CSS? (https://forum.ya1.ru/showthread.php?t=52987)

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

Цитата:

Сообщение от rohard (Сообщение 1059114465)
Сейчас использую 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

Цитата:

Сообщение от 3JIO (Сообщение 1059114556)
А почему же Yahoo! такие как из твоей сборки не включил то?

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

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

3JIO 24.11.2011 19:55

Цитата:

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

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

rohard 24.11.2011 21:25

Цитата:

Сообщение от 3JIO (Сообщение 1059114876)
Ну я знаю что это не твои собственные :)

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

Подборка ресетов.

rohard 24.08.2012 23:41

Некрофил моуд он.

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

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


Часовой пояс GMT +9, время: 05:01.

Powered by vBulletin® Version 3.6.3
Copyright ©2000 - 2024, Якутск-Online. Перевод: zCarot