kan_kan - 博客园

2016年7月24日

摘要：例子：ul#nav， ul li#nav和 #nav ul， #nav ul li 注意空格，没有空间隔开的就可以理解为限定区别 1.ul#nav：表示id='nav'的ul；(ul限定#nav标签类型)(ID是唯一的，ul感觉多余了) 2.ul li#nav:表示 ul 的子标签id=‘nav’ 阅读全文

posted @ 2016-07-24 10:41 kan_kan 阅读(525) 评论(0) 推荐(0)

2016年7月22日

居中

摘要：给div设置一个宽度，然后添加margin:0 auto属性绝对定位居中：绝对定位元素如上代码，div左上角定位到中点效果如图中蓝色部分利用margin向左，上分别移动宽高的一半，实现居中。浮动居中： http://blog.163.com/hongshaoguoguo@126/blog/ 阅读全文

posted @ 2016-07-22 15:46 kan_kan 阅读(180) 评论(0) 推荐(0)

W3C盒子与IE盒子模型

摘要：盒模型：内容(content)、填充(padding)、边界(margin)、边框(border) IE的content部分把 border 和 padding计算了进去例：一个盒子的 margin 为 20px，border 为 1px，padding 为 10px， content 的宽为阅读全文

posted @ 2016-07-22 14:46 kan_kan 阅读(285) 评论(0) 推荐(0)

HTML5的离线储存

摘要：在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件。原理：HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下阅读全文

posted @ 2016-07-22 11:17 kan_kan 阅读(4245) 评论(0) 推荐(1)

支持HTML5新标签

摘要： IE8/IE7/IE6支持通过document.createElement方法产生的标签，可以利用这一特性让这些浏览器支持HTML5新标签，浏览器支持新标签后，还需要添加标签默认的样式。当然也可以直接使用成熟的框架、比如html5shim; <!--[if lt IE 9]> <script> 阅读全文

posted @ 2016-07-22 11:03 kan_kan 阅读(214) 评论(0) 推荐(0)

浏览器内核的理解

摘要：主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲阅读全文

posted @ 2016-07-22 10:58 kan_kan 阅读(598) 评论(0) 推荐(0)

2016年7月17日

事件兼容IE

摘要： addEvent:function(target, functionref, tasktype) { if (target.addEventListener) target.addEventListener(tasktype, functionref, false); else if (target.attachEv... 阅读全文

posted @ 2016-07-17 10:07 kan_kan 阅读(151) 评论(0) 推荐(0)

2016年7月16日

公告