This repository has been archived by the owner on May 27, 2020. It is now read-only.
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
29 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,29 @@ | ||
# Reset everything and set up HTML5 elements. # | ||
|
||
By [Christopher Boone][1]. | ||
|
||
The [reset][2] stylesheet turns off most of the default presentational styles that browsers provide. Not everything, because some of them are unlikely to be replaced in any site's stylesheets, and some of them are useful. It also declares some basic styles -- `font-size` and `line-height`, for instance. | ||
|
||
In addition, the stylesheet declares some basic display styles for [the new HTML5 elements][3], which browsers aren't fully up to speed on. | ||
|
||
This stylesheet is based primarily on [Eric Meyer's reset.css][4] (version 1.0 | 20080212) and [YUI's CSS Reset][5] (version 3.0, build 1549), as well as on my own experience. The HTML5 styles are based on [the rendering suggestions contained in the November 13, 2009, draft standard][6], and [the CSS I extracted][7] from that lengthy document. | ||
|
||
Notes: | ||
|
||
- Only [HTML5 elements][8] are dealt with here. [Deprecated elements][9] are not affected. | ||
- I've added the `details` element to the list of those declared to be block level, since I think it must be, [per the description][9]. | ||
- Probably not all the CSS declared here is actually supported by browsers. (For example, [`display: ruby`][10].) | ||
|
||
Feel free to use this in any way. And please let me know if I've made any mistakes, or if there any improvements I could make. Thanks. | ||
|
||
|
||
[1]: http://hypsometry.com | ||
[2]: http://github.com/cboone/hypsometric-css/blob/master/reset/reset.css | ||
[3]: http://www.w3.org/TR/html5-diff/#new-elements | ||
[4]: http://meyerweb.com/eric/tools/css/reset | ||
[5]: http://developer.yahoo.com/yui/3/cssreset/ | ||
[6]: http://www.whatwg.org/specs/web-apps/current-work/multipage/rendering.html#the-css-user-agent-style-sheet-and-presentational-hints | ||
[7]: http://github.com/cboone/hypsometric-css/blob/master/html5/html5-defaults.css | ||
[8]: http://www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#semantics | ||
[9]: http://www.whatwg.org/specs/web-apps/current-work/multipage/interactive-elements.html#the-details-element | ||
[10]: http://blog.whatwg.org/implementation-progress-on-the-html5-ruby-element |