摘要：
假设浏览器窗口设置为1250px；wrapper的宽度为960px；content的宽度为920px：确保了wrapper居中时两边有20px的间距； secondary的宽度为230px； primary的宽度为670px； 其中primary中的secondary的宽度为400px; prima 阅读全文
摘要：
假设有一个布局，希望让其中的容器div在屏幕上水平居中，则只需要定义div的宽度，然后将水平外边距设置为auto 注意：上述方法在现代浏览器中都是有效的，但是，混杂模式中的IE 5.x和IE 6不支持margin:auto声明，但IE将text-align:center误解为让所有东西居中，而不只是 阅读全文
摘要：
CSS布局技术的根本是3个基本概念：定位、浮动、外边距操纵。 只需要设置希望定位的元素的宽度，然后将它们向左或向右浮动。因为浮动的元素不再占据文档流中的任何空间，它们就不再对包围他们的块框产生任何影响，为解决这个问题: 需要对布局中各个点上的浮动元素进行清理，常见的做法不是连续的浮动和清理元素，而是 阅读全文
摘要：
标准盒模型、怪异盒模型 外边距叠加 当两个或者争夺垂直外边距相遇时，他们将形成一个外边距，这个外边距的高度等于两个发生叠加的外边距的高度中的较大者。 外边距叠加实际上有重要意义，例如下图：由几个段落组成的典型文本页面，第一个段落上面的空间等于段落的顶外边距，如果没有外边距叠加，后续的所有段落之间的空 阅读全文
摘要：
DOM3级事件中定义了以下9个鼠标事件： 除了mouseenter、mouseleave、dbclick是“DOM3级事件”新增之外，其它事件都是“DOM2级事件”中定义的。在一个元素上相继触发mousedown和mouseup事件，才会触发click事件。两次click事件相继触发才会触发dblc 阅读全文
摘要：
DOM3级事件包括以下几类事件： UI事件：当用户与页面上的元素交互时触发 焦点事件：当元素获得或失去焦点时触发 鼠标事件：当用户通过鼠标在页面上执行操作时触发 滚轮事件：当使用鼠标滚轮时触发 文本事件：当在文档中输入文本时触发 键盘事件：当用户通过键盘在页面上执行操作时触发 合成事件：当为IME( 阅读全文
摘要：
在触发DOM上的某个事件时，会产生一个事件对象event，这个对象中包含着所有与事件有关的信息：导致事件的元素、事件的类型、其他与特定事件相关的信息。 DOM中的事件对象 兼容DOM的浏览器会将一个event对象传入到事件处理程序中，无论指定事件处理程序时使用什么方法（DOM0级或DOM2级），都会 阅读全文
摘要：
事件就是用户或浏览器自身执行的某种动作，例如click、load等，都是事件的名字，响应事件的函数叫做事件处理程序，事件处理程序的名字以“on”开头，例如click事件的事件处理程序就是onload。 1、HTML事件处理程序 每个元素支持的每种事件，都可以使用一个与相应事件处理程序同名的HTML特 阅读全文
摘要：
在javascript中，添加到页面上的事件处理程序数量将直接关系到页面的整体运行性能，导致的原因： 每个函数都是对象，都会占用内存，内存的对象越多，性能就越差。 必须事先指定所有事件处理程序而导致的DOM访问次数，会延迟整个页面的交互就绪时间。 事件委托 对“事件处理程序过多”问题的解决方案是事件 阅读全文