prettify

baseline

Reset.css

My own Reset.css
Actually it contains Base.css as well. I don't see the reason for an extra Base.css
I don't test on IE7 (forget about IE6).
* {
 
-moz-box-sizing:border-box;
}
/*upd: 20111020 ************************************/
* {
 
box-sizing:border-box;
}
html
, body, div, span, object, iframe,
h1
, h2, h3, h4, h5, h6, p, blockquote, pre,
a
, abbr, acronym, address, cite, code,
del
, dfn, em, img, ins, kbd, q, samp,
strike
, strong, sub, sup,
dl
, dt, dd,
fieldset
, form, label, legend,
table
, caption, tbody, tfoot, thead, tr, th, td,
article
, aside, canvas, details, figcaption, figure,
footer
, header, hgroup, menu, nav, section, summary,
time
, mark, audio, video {
 
margin:0;
 
padding:0;
 
border:0;
 
font-weight:inherit;
 
font-size:100%;
 
font-style:inherit;
 
font-family:inherit;
 
border:1px none #000;
 
background:transparent;
 
vertical-align:baseline;
}
body
{
 
line-height: 1.2;
 
color:#333;
}
body
, select, input, textarea {
 
font-family:Tahoma,Verdana,Arial,helvetica, Sans-Serif;
 
margin:0;
}
article
,aside,canvas,details,figcaption,figure,
footer
,header,hgroup,menu,nav,section,summary {
 
display:block;
}
pre
,code {
 
font-family:Monospace;
}
html
,body {
 
height:100%;
}
table
{
 
border-collapse:collapse;
 
border-spacing:0;
 
/*width:100%;*/
}
th
,td {
 
border:1px solid #666;
 
/*padding:.5em;*/
 
vertical-align:top;
}
caption
{
 
margin-bottom:.5em;
 
text-align:center;
}
blockquote
,q { quotes: "\201C" "\201D"; }
blockquote:before { content: "\201C"; font-weight: bold; }  
blockquote:after { content: "\201D"; font-weight: bold; }

ol
,ul {list-style-position:outside;padding-left:25px;}
ol
{list-style-type:decimal;}
ul
{list-style-type:disc;}
li:before {display:marker;marker-offset:1em;}

ins
{text-decoration:underline;}
del
{text-decoration: line-through;}
em
{font-style:italic;}
h1
{font-size:200%;}
h2
{font-size:178%;}
h3
{font-size:159%;}
h4
{font-size:141%;}
h5
{font-size:126%;}
h6
{font-size:112%;}
h1
,h2,h3,h4,h5,h6 {margin:1em 0;}
h1
,h2,h3,h4,h5,h6,strong,th {font-weight:bold;}
mark
{background-color:#ff9;}

abbr
,acronym {
 
border-bottom:1px dotted #000;
 
cursor:help;
}
p
,fieldset {margin-bottom:1em;}
Credits:
Yahoo yui3 cssreset
Eric Meyer
HTML5 Reset.css
http://html5boilerplate.com/

No comments:

Post a Comment