2011-05-26 17:17:58 +00:00
<!DOCTYPE html>
2011-05-27 00:57:18 +00:00
< html lang = "en" >
2011-05-27 00:44:14 +00:00
< head >
< meta charset = "utf-8" >
2012-01-22 22:42:18 +00:00
< meta name = "viewport" content = "width=device-width" >
2011-06-18 22:24:26 +00:00
< title > Normalize.css: Make browsers render all elements more consistently.< / title >
2011-05-27 00:57:18 +00:00
< link rel = "stylesheet" href = "style.css" >
2011-05-27 00:44:14 +00:00
< / head >
< body >
< div id = "container" >
2012-02-07 12:34:03 +00:00
< div class = "hgroup" >
< h1 > < a href = "https://github.com/necolas/normalize.css" > normalize.css< / a > < / h1 >
2012-02-26 13:44:39 +00:00
< h2 > A modern, HTML5-ready alternative to CSS resets< / h2 >
2012-02-07 12:34:03 +00:00
< / div >
2012-01-22 22:42:18 +00:00
2011-05-27 01:31:33 +00:00
< p > Normalize.css is a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards. We researched the differences between default browser styles in order to precisely target only the styles that need normalizing.< / p >
2011-06-18 22:24:26 +00:00
2011-05-27 00:44:14 +00:00
< h2 > What does it do?< / h2 >
< ul >
< li > < strong > Preserves useful defaults< / strong > , unlike many CSS resets.< / li >
2012-02-07 12:34:03 +00:00
< li > < strong > Normalizes styles< / strong > for a wide range of HTML elements.< / li >
2011-05-27 00:44:14 +00:00
< li > < strong > Corrects bugs< / strong > and common browser inconsistencies.< / li >
< li > < strong > Improves usability< / strong > with subtle improvements.< / li >
< li > < strong > Explains what code does< / strong > using detailed comments.< / li >
< / ul >
2012-01-22 22:42:18 +00:00
2012-02-07 12:34:03 +00:00
< div class = "cta" >
2012-08-14 22:53:17 +00:00
< a class = "button button-main" href = "http://necolas.github.com/normalize.css/1.0.0/normalize.css" > Download v1.0.0< / a >
< a class = "button" href = "https://github.com/necolas/normalize.css" > View on GitHub< / a >
2011-05-27 00:44:14 +00:00
< / div >
2011-07-24 17:08:09 +00:00
< div class = "share-bar" >
< div class = "share-opt" >
2012-01-22 22:42:18 +00:00
< a class = "twitter-share-button"
href="http://twitter.com/share"
data-count="vertical"
2012-02-26 13:44:39 +00:00
data-text="Normalize.css: a modern HTML5-ready alternative to CSS resets"
2012-01-22 22:42:18 +00:00
data-via="necolas"
2011-07-24 17:08:09 +00:00
data-related="jon_neal">Tweet< / a >
< / div >
2012-01-22 22:42:18 +00:00
2011-07-24 17:08:09 +00:00
< div class = "share-opt" >
2012-01-22 22:42:18 +00:00
< div class = "g-plusone" data-size = "tall" > < / div >
2011-07-24 17:08:09 +00:00
< / div >
< div class = "share-opt" >
2012-01-22 22:42:18 +00:00
< div class = "fb-like" data-send = "false" data-width = "40" data-layout = "box_count" data-show-faces = "false" > < / div >
2011-07-24 17:08:09 +00:00
< / div >
< / div >
2011-05-27 00:44:14 +00:00
2012-01-22 22:42:18 +00:00
< h2 > How do I use it?< / h2 >
2012-02-07 12:34:03 +00:00
< p > Normalize.css is intended to be used as an alternative to CSS resets. It's suggested that you read the < code > normalize.css< / code > file and consider customising it to meet your needs. Alternatively, include the file in your project and override the defaults later in your CSS.< / p >
2012-01-22 22:42:18 +00:00
< h2 > Who uses it?< / h2 >
2012-06-09 09:03:01 +00:00
< p >
< a href = "http://twitter.github.com/bootstrap/" > Twitter Bootstrap< / a > ,
< a href = "http://html5boilerplate.com/" > HTML5 Boilerplate< / a > ,
2012-08-14 22:53:17 +00:00
< a href = "http://data.nasa.gov/" > NASA< / a > ,
2012-06-09 09:03:01 +00:00
< a href = "https://www.rdio.com/" > Rdio< / a > ,
2012-08-07 21:31:46 +00:00
< a href = "http://digg.com/" > Digg< / a > ,
2012-06-09 09:03:01 +00:00
< a href = "https://www.gov.uk/" > GOV.UK< / a > ,
< a href = "http://informationarchitects.net/" > iA< / a > ,
2012-08-07 21:31:46 +00:00
< a href = "http://css-tricks.com/" > CSS Tricks< / a > ,
2012-06-09 09:03:01 +00:00
and many others.
< / p >
2012-01-22 22:42:18 +00:00
2012-02-07 12:34:03 +00:00
< h2 > Browser support< / h2 >
2012-08-14 22:53:17 +00:00
< h3 > v1.0.0< / h3 >
2012-02-07 12:34:03 +00:00
< p > Chrome, Firefox 3+, Safari 4+, Opera 10+, Internet Explorer 6+< / p >
2012-01-22 22:42:18 +00:00
< h2 > Source code< / h2 >
2012-02-07 12:34:03 +00:00
< p > Available on GitHub: < a href = "https://github.com/necolas/normalize.css" > necolas/normalize.css< / a > < / p >
2012-08-14 22:53:17 +00:00
< pre > $ git clone https://github.com/necolas/normalize.css.git< / pre >
2012-01-22 22:42:18 +00:00
< h2 > Acknowledgements< / h2 >
2012-02-07 12:34:03 +00:00
< p > Normalize.css is a project by < a href = "http://nicolasgallagher.com" > Nicolas Gallagher< / a > (< a href = "http://twitter.com/necolas" > @necolas< / a > ) and < a href = "http://music.thewikies.com/jonneal/" > Jonathan Neal< / a > (< a href = "http://twitter.com/jon_neal" > @jon_neal< / a > ).< / p >
< p > Detailed information on default UA styles: < a href = "http://www.whatwg.org/specs/web-apps/current-work/multipage/rendering.html#the-css-user-agent-style-sheet-and-presentational-hints" > WHATWG suggestions for rendering HTML documents< / a > , < a href = "http://iecss.com" > Internet Explorer User Agent Style Sheets< / a > and < a href = "http://css-class.com/test/css/defaults/UA-style-sheet-defaults.htm" > CSS2.1 User Agent Style Sheet Defaults< / a > < / p >
2011-05-27 00:44:14 +00:00
< / div >
2011-07-24 17:08:09 +00:00
< div id = "fb-root" > < / div >
2011-05-27 00:44:14 +00:00
< script >
2012-01-22 22:42:18 +00:00
window._gaq=[['_setAccount','UA-7489188-1'],['_trackPageview']];
(function(doc, script) {
2012-08-07 21:31:46 +00:00
var js,
2012-01-22 22:42:18 +00:00
fjs = doc.getElementsByTagName(script)[0],
frag = doc.createDocumentFragment(),
add = function(url, id) {
if (doc.getElementById(id)) {return;}
js = doc.createElement(script);
js.src = url;
id & & (js.id = id);
frag.appendChild(js);
};
// Google Analytics
add(('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js');
// Facebook SDK
add('//connect.facebook.net/en_US/all.js#xfbml=1', 'facebook-jssdk');
// Google+ button
add('https://apis.google.com/js/plusone.js');
// Twitter SDK
add('//platform.twitter.com/widgets.js', 'twitter-wjs');
fjs.parentNode.insertBefore(frag, fjs);
}(document, 'script'));
2011-05-27 00:44:14 +00:00
< / script >
2011-07-24 17:08:09 +00:00
2011-05-27 00:44:14 +00:00
< / body >
2011-06-18 22:24:26 +00:00
< / html >
