html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
Quelle: Reset Reloaded
Kompakte Version
html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}
Mir ist in letzter Zeit ein Trend aufgefallen, dass Designer :focus zurücksetzen. Tun Sie etwas, um das Verhalten für Barrierefreiheit-Browser wiederherzustellen?
Selbst Eric hat es im obigen Code erwähnt
/* denken Sie daran, Fokusstile zu definieren! */
Wenn Sie die Fokusstile nicht zurücksetzen möchten, entfernen oder kommentieren Sie den Fokus-Reset-Stil aus.
:)
Die Zeilenhöhe sollte mindestens 1,25 betragen, besser 1,5 oder sogar 1,75, um dem Auge zu helfen, zur nächsten Zeile in einem Textblock zu springen.
Das ist mein größter Kritikpunkt an Meyers Reset. Line-height: 1 ist einfach schlechte Typografie, und obwohl man sie in der eigenen Stylesheet ändern kann, verwenden die meisten Leute das einfach blind und machen ihre Blog-Artikel ziemlich unleserlich.
Eine weitere Sache, die ich in Betracht gezogen hätte… wo die Ankerlinks auf „display: block“ gesetzt sind…
Danke dafür! Sehr hilfreich :!
Dies ist ein CSS-Reset, der dazu dient, alle Browser gleich zu rendern, daher sollte die Zeilenhöhe auf 1 gesetzt werden. Außerdem wäre es ein Albtraum, die Ankerlinks auf „display: block“ zu setzen.
Kann div auf display:block; zurückgesetzt werden, wie die Elemente von HTML5? Nur neugierig, warum man das nicht tun sollte.
„Kann div auf display:block; zurückgesetzt werden, wie die Elemente von HTML5? Nur neugierig, warum man das nicht tun sollte.“ – Ja, das würde ich auch gerne wissen.