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

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

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

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

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

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

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

<!-- enable HTML5 elements in IE7+8 -->
<!-- [if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif] -->

重置样式

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

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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • 因为有机会参与一个项目的早期设计,因此搭建的时候不可避免的遇到了如何满足响应式的问题。翻阅了《响应式Web设计:H...
    tangyefei阅读 11,523评论 2 90
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 4,990评论 0 1
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,685评论 32 459
  • 转自JAVA IO 以及 NIO 理解 一段话总结:传统io中从磁盘中中读文件,并把文件通过网络(socket)发...
    抓兔子的猫阅读 5,163评论 0 4