无懈可击的web设计学习笔记(一)

本书旨在让读者掌握一个非常重要的观念,那就是:

  • 更精简的代码
  • 增强的可用性
  • 更加容易维护

让所有浏览器都能应用html5元素

如今html5非常的流行,可是只有一些比较新的浏览器可以识别并且应用它。一些低版本的浏览器不能识别html5元素,这个真心搞得人很不爽,不过现在有了解决办法了。

最简单的方法是使用Remy Sharp编写的一个简单的JavaScript shim,网址在这里:http://remysharp.com/2009/01/07/html5-enabling-script/。

具体的方法是:将下面显示的代码添加到文档的中,就可以为IE8及更低版本从Google加载该工具,从而可以在IE中使用这些新的html5元素。



重置样式

浏览器通常会默认应用外边距、内边距的其他一些样式,而且不同的浏览器的规则是不一样的。所以如果不重置样式的话,做出来的网页会在不同的浏览器显示不同的效果。

为了消除它们的影响,这里我介绍一个重置样式表,它们是一组css规则,为设置页面的样式建立了一个统一的基础。

重置样式位于其他所有样式之前,如果没有使用外部样式表,它们位于主样式表的顶部;如果使用了外部样式表,则要先于其他样式表连接进来。

推荐使用Eric Meyer创建的重置样式表,他会根据最新的情况及时进行更新:http://meyerweb.com/eric/tools/css/reset/。

还需注意的是,在使用html5时,一些较早的浏览器不支持html5中的新元素,所以要给一些元素加声明diaplay:block;,这一点很重要。否则,在设置它们的样式时可能会遇到一些奇怪的问题。

你可能感兴趣的:(无懈可击的web设计学习笔记(一))