Comments on: Reset CSS 研究（技术篇） http://lifesinger.org/blog/2009/07/reset-css-tech/ 关注用户体验、前端开发，记录生活点滴、岁月足迹。 Thu, 11 Mar 2010 23:50:59 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Rayhorse http://lifesinger.org/blog/2009/07/reset-css-tech/comment-page-1/#comment-4791 Rayhorse Mon, 08 Mar 2010 07:09:55 +0000 http://lifesinger.org/blog/?p=1565#comment-4791 关于字体的reset，我在实际做的过程中发现了很多问题。 body,button, input, select, textarea { /* for ie */ /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/ font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */} 这条CSS在IE7下，某些情况下，会造成兼容bug，也可能造成块挤压等bug 比如一种最常见的情况，文字前加上icon，就会造成一定icon下垂 关于字体的reset，我在实际做的过程中发现了很多问题。
body,button, input, select, textarea { /* for ie */
/*font: 12px/1 Tahoma, Helvetica, Arial, “宋体”, sans-serif;*/
font: 12px/1 Tahoma, Helvetica, Arial, “\5b8b\4f53″, sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */}
这条CSS在IE7下，某些情况下，会造成兼容bug，也可能造成块挤压等bug
比如一种最常见的情况，文字前加上icon，就会造成一定icon下垂

]]> By: lifesinger http://lifesinger.org/blog/2009/07/reset-css-tech/comment-page-1/#comment-4116 lifesinger Sun, 17 Jan 2010 00:34:01 +0000 http://lifesinger.org/blog/?p=1565#comment-4116 @ezsky: 这个问题遇到过很多次，最常见的是用户系统设置了淡绿色的背景保护色。但用户自定义的配置优先权大于页面配置，得尊重。 @ezsky: 这个问题遇到过很多次，最常见的是用户系统设置了淡绿色的背景保护色。但用户自定义的配置优先权大于页面配置，得尊重。

]]> By: ezsky http://lifesinger.org/blog/2009/07/reset-css-tech/comment-page-1/#comment-4114 ezsky Sat, 16 Jan 2010 21:22:16 +0000 http://lifesinger.org/blog/?p=1565#comment-4114 去掉了 YUI 里对 html 颜色和背景色的设置。在测试浏览器中，没有发现差异。（要设的话，推荐background: transparent） 摘抄一篇网上的文章片段, 我觉得YUI 设置html颜色和背景的设置应该是解决这个问题的. 1、让你想当然，给你点颜色看看 　　这个问题其实被很多人忽略，小到个人站点，大到门户网站都有可能犯这个错误。不信想想看，如果你所做的网站背景是白色的，那么你还会记得在 CSS 里写下 Background-color:#ffffff 这句代码吗？我敢打赌，大部分人不会！并不是因为大家偷懒，而是这个举手之劳被彻底忽略了，为什么？因为我们所用的 Windows 操作系统在大多数的情况下，运行在其上的各种软件的默认背景色是白色，这其中就包括 IE 浏览器，所以在网站背景是白色的条件下，许多的网页制作者就想当然的忽略了关于背景色的设置，反正大家都是白色，不设的话也看不出来。但是不要忘记了，Windows 从 XP 开始支持系统主题的更换，有很多第三方的主题会更改系统默认的设置，其中就包括背景色的设置，如果没有强制设定页面中的背景色，那么页面就会以当前浏览器的背景色来显示内容，其结果就是网站美观性被大大的降低，拿大家都熟悉的网易来举例，下面的截图是在我机子上浏览时的样子，由于前不久换了一套 Vista 的主题风格，所以浏览器的背景色变成了浅灰色。 　　仔细看看网易的 Logo ，看出来吗？对，那个 Logo 的背景是白色的，但旁边的背景色却是灰色的，换句话说就是网易整个页面的背景原定就是白色的，这在浏览器背景为白色的前提下是看不出什么来的，但是像现在这样就“漏馅”了。不光是网易 ，许多的门户站都是这样，具体我就不去举例了，可见关于 Background-color 设定的重要性。所以，不论你的网站是什么样的背景色，请一点记住把它设定好，哪怕它是白色！ 去掉了 YUI 里对 html 颜色和背景色的设置。在测试浏览器中，没有发现差异。（要设的话，推荐background: transparent）

摘抄一篇网上的文章片段, 我觉得YUI 设置html颜色和背景的设置应该是解决这个问题的.

1、让你想当然，给你点颜色看看

　　这个问题其实被很多人忽略，小到个人站点，大到门户网站都有可能犯这个错误。不信想想看，如果你所做的网站背景是白色的，那么你还会记得在 CSS 里写下 Background-color:#ffffff 这句代码吗？我敢打赌，大部分人不会！并不是因为大家偷懒，而是这个举手之劳被彻底忽略了，为什么？因为我们所用的 Windows 操作系统在大多数的情况下，运行在其上的各种软件的默认背景色是白色，这其中就包括 IE 浏览器，所以在网站背景是白色的条件下，许多的网页制作者就想当然的忽略了关于背景色的设置，反正大家都是白色，不设的话也看不出来。但是不要忘记了，Windows 从 XP 开始支持系统主题的更换，有很多第三方的主题会更改系统默认的设置，其中就包括背景色的设置，如果没有强制设定页面中的背景色，那么页面就会以当前浏览器的背景色来显示内容，其结果就是网站美观性被大大的降低，拿大家都熟悉的网易来举例，下面的截图是在我机子上浏览时的样子，由于前不久换了一套 Vista 的主题风格，所以浏览器的背景色变成了浅灰色。

　　仔细看看网易的 Logo ，看出来吗？对，那个 Logo 的背景是白色的，但旁边的背景色却是灰色的，换句话说就是网易整个页面的背景原定就是白色的，这在浏览器背景为白色的前提下是看不出什么来的，但是像现在这样就“漏馅”了。不光是网易 ，许多的门户站都是这样，具体我就不去举例了，可见关于 Background-color 设定的重要性。所以，不论你的网站是什么样的背景色，请一点记住把它设定好，哪怕它是白色！

]]> By: ZhouQi http://lifesinger.org/blog/2009/07/reset-css-tech/comment-page-1/#comment-3821 ZhouQi Thu, 24 Dec 2009 11:43:06 +0000 http://lifesinger.org/blog/?p=1565#comment-3821 q:before, q:after { content: ''; } 请问为何这样后，FF下q的引号就清除了？ 另外，q在FF下font-family是不一样的。 q:before, q:after { content: ”; }
请问为何这样后，FF下q的引号就清除了？
另外，q在FF下font-family是不一样的。

]]> By: 米拉之落 http://lifesinger.org/blog/2009/07/reset-css-tech/comment-page-1/#comment-3417 米拉之落 Mon, 23 Nov 2009 05:36:19 +0000 http://lifesinger.org/blog/?p=1565#comment-3417 呃～～～ css reset 大同小异。没有最好，只有更合适。 呃～～～ css reset 大同小异。没有最好，只有更合适。

]]> By: will http://lifesinger.org/blog/2009/07/reset-css-tech/comment-page-1/#comment-3180 will Thu, 29 Oct 2009 02:02:28 +0000 http://lifesinger.org/blog/?p=1565#comment-3180 以前reset的时候把strong & th都重置了,在工作过程中发现重置确实不是很理想 如果有特殊情况学要用到重置后的strong & th 再进行调整比较好！个人意见 以前reset的时候把strong & th都重置了,在工作过程中发现重置确实不是很理想
如果有特殊情况学要用到重置后的strong & th 再进行调整比较好！个人意见

]]> By: aNd1coder http://lifesinger.org/blog/2009/07/reset-css-tech/comment-page-1/#comment-3040 aNd1coder Tue, 20 Oct 2009 14:48:50 +0000 http://lifesinger.org/blog/?p=1565#comment-3040 大侠,压缩版的连接好像失效了,打算用大侠的reset...看到留言请邮件一份给我,谢谢:) 大侠,压缩版的连接好像失效了,打算用大侠的reset…看到留言请邮件一份给我,谢谢:)

]]> By: Jevin http://lifesinger.org/blog/2009/07/reset-css-tech/comment-page-1/#comment-2922 Jevin Fri, 09 Oct 2009 02:23:37 +0000 http://lifesinger.org/blog/?p=1565#comment-2922 在压缩版的css里没有加html { overflow-y: scroll; } ^_^ 这个我觉得是很有必要的，不知道是疏忽还是刻意的呢？ 在压缩版的css里没有加html { overflow-y: scroll; }
^_^
这个我觉得是很有必要的，不知道是疏忽还是刻意的呢？

]]> By: applezqp http://lifesinger.org/blog/2009/07/reset-css-tech/comment-page-1/#comment-2669 applezqp Fri, 18 Sep 2009 09:19:55 +0000 http://lifesinger.org/blog/?p=1565#comment-2669 对于hr应该很少使用了，我看很多reset很少对它进行重置。 你对hr的重置有点不解，想请教一下， hr{border:none;height:1px;*color:#fff;} height:1px的用途是什么； *color:#fff对于有背景颜色或背景图的页面应该不太好吧？ 对于hr应该很少使用了，我看很多reset很少对它进行重置。
你对hr的重置有点不解，想请教一下，
hr{border:none;height:1px;*color:#fff;}
height:1px的用途是什么；
*color:#fff对于有背景颜色或背景图的页面应该不太好吧？

]]> By: rain-man http://lifesinger.org/blog/2009/07/reset-css-tech/comment-page-1/#comment-2467 rain-man Thu, 03 Sep 2009 16:59:20 +0000 http://lifesinger.org/blog/?p=1565#comment-2467 font-family:Tahoma; Tahoma字体在IE6中不支持13px，会显示14px. font-family:Tahoma;
Tahoma字体在IE6中不支持13px，会显示14px.

]]>