mirror of
https://github.com/necolas/normalize.css.git
synced 2024-12-25 15:14:19 +00:00
92 lines
4.9 KiB
HTML
92 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Normalize.css: Make browsers render all elements more consistently.</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
|
|
<body>
|
|
<a class="fork" href="http://github.com/necolas/normalize.css">
|
|
<img src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub">
|
|
</a>
|
|
|
|
<div id="container">
|
|
|
|
<h1><a href="http://github.com/necolas/normalize.css">normalize.css</a></h1>
|
|
|
|
<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>
|
|
|
|
<h2>What does it do?</h2>
|
|
<ul>
|
|
<li><strong>Preserves useful defaults</strong>, unlike many CSS resets.</li>
|
|
<li><strong>Normalizes styles</strong> for a wide range of elements.</li>
|
|
<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>
|
|
|
|
<div class="demo">
|
|
<a class="button" href="demo.html">Check out the demo</a>
|
|
<p><a href="https://github.com/necolas/normalize.css/raw/master/normalize.css">Get the normalize.css file</a></p>
|
|
</div>
|
|
|
|
<h2>How to use it</h2>
|
|
<p>You are encouraged to read, edit, customise, add, and trim rulesets or styles from normalize.css on a per project basis.</p>
|
|
<p>The normalize.css file is not intended to be a mysterious "black box" that is included in a project and then ignored. It should be used as a customisable starting point on any project.</p>
|
|
|
|
<h2>Browser support</h2>
|
|
<p>Chrome, Firefox 3+, Safari 4+, Opera 10+, Internet Explorer 6+</p>
|
|
|
|
<h2>Source code</h2>
|
|
<p>Available on GitHub: <a href="http://github.com/necolas/normalize.css">necolas/normalize.css</a></p>
|
|
<p>Download it in either <a href="http://github.com/necolas/normalize.css/zipball/master">zip</a> or <a href="http://github.com/necolas/normalize.css/tarball/master">tar</a> formats.</p>
|
|
<p>Clone the project with <a href="http://git-scm.com">Git</a> by running:</p>
|
|
<pre>$ git clone git://github.com/necolas/normalize.css.git</pre>
|
|
|
|
<h2>Acknowledgements</h2>
|
|
<p>Normalize.css is a project by Nicolas Gallagher and Jonathan Neal.</p>
|
|
<p>Detailed information on default UA styles: <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>
|
|
|
|
<div class="share-bar">
|
|
<div class="share-opt">
|
|
<a class="twitter-share-button"
|
|
href="http://twitter.com/share"
|
|
data-count="vertical"
|
|
data-text="Checking out normalize.css"
|
|
data-via="necolas"
|
|
data-related="jon_neal">Tweet</a>
|
|
</div>
|
|
|
|
<div class="share-opt">
|
|
<g:plusone size="tall"></g:plusone>
|
|
</div>
|
|
|
|
<div class="share-opt">
|
|
<fb:like href="" send="false" layout="box_count" width="40" show_faces="false" font=""></fb:like>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<p>A project by <a href="http://nicolasgallagher.com">Nicolas Gallagher</a> and <a href="http://twitter.com/jon_neal">Jonathan Neal</a>.</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="fb-root"></div>
|
|
<script>
|
|
(function(w,d){
|
|
w._gaq=[['_setAccount','UA-7489188-1'],['_trackPageview'],['_trackPageLoadTime']];
|
|
var u=[
|
|
'//connect.facebook.net/en_US/all.js#xfbml=1', // Facebook SDK
|
|
'//platform.twitter.com/widgets.js', // Twitter Widgets
|
|
'https://apis.google.com/js/plusone.js', // Google +1 Button
|
|
('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js' // Google Analytics
|
|
],i=u.length,n='script',f=d.createDocumentFragment(),e=d.createElement(n),t;while(i--){t=e.cloneNode(false);t.async=t.src=u[i];f.appendChild(t);}(t=d.getElementsByTagName(n)[0]).parentNode.insertBefore(f,t);
|
|
}(this,document));
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|