Comments on: HTML5 Reset Stylesheet

By: liu liming

liu liming — Sun, 21 Feb 2010 03:32:27 +0000

[...] *HTML 5 Reset Stylesheet [...]

By: Richard Clark

Richard Clark — Fri, 19 Feb 2010 09:11:04 +0000

@Tyler, why would that need adding specifically? Elements are treated as inline by default anyway and some of those in your list should be treated as block so it would be bloating the code unnecessarily.

@Paul, cheers for that Paul. I don’t think I’ve come across many problems with IE6 except the usual bugs such as giving elements hasLayout as you’ve pointed out. I would probably add zoom:1 to my default IE6 stylesheet.

By: 3streamer blog - HTML初心者が知っておくべきリセットCSS と3つのポイント

3streamer blog - HTML初心者が知っておくべきリセットCSS と3つのポイント — Fri, 19 Feb 2010 07:12:41 +0000

[...] HTMLの次期バージョンHTML5の策定作業が進行していますが、既にHTML5のタグやCSS3を先行実装するブラウザも現れてきました。これらが実際の制作現場で使われるようになると、また制作の手法も変わってくるでしょう。リセットCSSもHTML5用のものが提案されていたりします。今後どうなっていくのか注目です。 [...]

By: Paul Irish

Paul Irish — Wed, 17 Feb 2010 18:09:02 +0000

In my experience adding a zoom:1 to the new elements style made IE6 especially play much much nicer.

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; zoom:1; }

By: Tyler Rasmussen

Tyler Rasmussen — Mon, 15 Feb 2010 21:01:59 +0000

I did my best, but that just adding:

article,aside,audio,canvas,datagrid,datalist,details,dialog,figure,footer,header,hgroup,menu,nav,section,video{display: block;}abbr,eventsource,mark,meter,time,progress,output,bb{display:inline;}

By: Tyler Rasmussen

Tyler Rasmussen — Mon, 15 Feb 2010 20:59:55 +0000

Any chance you could post a modification of the new YUI3 reset.css (http://real.us.yimg.com/lib/yui/3.0.0/build/cssreset/reset-min.css) with HTML5 support?

By: Youtube – Utilisation de la balise video | petites merveilles du web

Youtube – Utilisation de la balise video | petites merveilles du web — Fri, 29 Jan 2010 21:57:23 +0000

[...] HTML5 reset StyleSheet [...]

By: Silentash-默尘 » html5 doctype与图片多余空白

Silentash-默尘 » html5 doctype与图片多余空白 — Fri, 08 Jan 2010 09:28:35 +0000

[...] 以下是html5doctor.com给出的HTML5 Reset Stylesheet [...]

By: Hikari

Hikari — Sun, 27 Dec 2009 04:32:24 +0000

Ah! 1 more thing.

Bringing strike and u back still validated it over CSS 2.1, so I don’t think those elements should be excluded just because the reset is meant for HTML5.

Let HTML5 validators ding users that still use those elements! Let’s not mix markup matters with styling matters… If we ommit them, what will happen in practice is that they will be styled by browsers defaults, which is what we wanna avoid with CSS Resets to begin with.

If we wanna use styling to blame invalid HTML5 elements, it would be better to set some odd styling to them, like a background-color that would highlight where they are

By: Hikari

Hikari — Sun, 27 Dec 2009 04:27:24 +0000

I’ve finally started developing a Wordpress theme from scratch from my sites and I used your HTML5 Reset for it. I’ve done some changes and I’d like to share them with you.

1) I removed ul, ol and li from that first blob of resets. Leaving them there had broken nested lists, they were being shown all with the same margin, as if they were 1 unique list, and with no list-style-type. It would take too work to restyle nested margins with different list-style-type for each nesting, so instead of turning everything to 0 I copied FireFox’s default style, which seems to be very complete.

Interesting that together with ul and ol, FireFox also styles dir and menu with them, and sets it all perfect.

2) I know about deprecated HTML4 elements, but still people may use them. I know that FCKEdit uses strike instead of del, and also people may still have around.

Talking about , I’ve found a nice replacement for it. A simple .ul class setting text-decoration:underline is the obvious replacement. But instead of using it with a span, I’ve defaulted it for em, so that when they are together italic is replaced for normal and underline is set.

That’s nice because underline is meant for emphasing a text, so nothing better for Semantic purposes if em is used, together with a class, for underlining too.

3) I’ve also removed resetting, setting default content and quotes for it. I know HTML spec says each language should have their specific quote… maybe somebody could share a full list of laguage quotes so that we can add to our reset

In general, I don’t like the idea of CSS Reset cleaning everything. CSS Reset should be meant for resetting browser inconsistent defaults, setting our default over them… and not for resetting styles themselves.