摘要：
ul元素右浮动，li元素右浮动会反向排列。 li元素会按从上到下依次浮动。如果需要li元素的内容从左向右阅读，那么li元素的浮动只能是float:left； <ul id="nav"> <li>a</li> <li>b</li> <li>c</li> </ul> #nav{ float: left; 阅读全文
摘要：
对字体进行抗锯齿渲染可以使字体看起来会更清晰舒服。在图标字体成为一种趋势的今天，抗锯齿渲染使用也越来越多。 font-smoothing是非标准的CSS定义。它被列入标准规范的草案中，后由于某些原因从web标准中被移除了。 但是，我们可以用以下两种定义进行抗锯齿渲染 -webkit-font-smo 阅读全文
摘要：
因为欧洲人对于英文字母的gqp等带有小尾巴的字母的写入需求，会有一条baseline用于字母主体写入，比如abcdefghijk等字母，仔细观察会发现它们之中有一条隐藏的线将字母的主体水平对齐，gh这类字母对比a虽然一个向上超出，一个向下超出，但它们的字母主体是水平对齐的，在a字母的下方就是这条水平 阅读全文
摘要：
blur：元素失去焦点时触发。这个时间不冒泡，所有浏览器均支持。 focus：元素获得焦点时触发，这个事件不会冒泡，所有浏览器均支持。 focusin：元素获得焦点时触发，这个事件与HTML事件的focus等价。 focusout：元素失去焦点时触发，与HTML事件的blur等价。 阅读全文
摘要：
浏览器支持情况：IE9在内的所有主流浏览器都支持DOM2事件，IE9同样支持DOM3级事件。 load：1.页面完全加载在window上触发。2.图片完全加载后在<img>上触发。3.嵌入内容加载完毕后在<object>上触发。4.框架加载完毕后在框架集上触发 window.onload=()=>{ 阅读全文
摘要：
var eventUntil={ addHandler:(element,type,handler)=>{ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.att 阅读全文
摘要：
总结： 1.IE浏览器中有三种事件处理程序：HTML事件处理程序，DOM0级事件处理程序，IE事件处理程序。 2.IE浏览器中的HTML事件处理程序调用事件对象：直接调用event变量： onclick=“alert(event.type);” 3.IE浏览器中的DOM0级事件处理程序通过调用win 阅读全文
摘要：
触发DOM上的交互事件会生成一个event对象，用以保存事件的信息。比如鼠标交互的事件会保存鼠标的位置，键盘交互的事件会保存键的值。 1.DOM0级和DOM2级事件处理程序在进行事件处理时都会有一个event对象传入。例如event.type会保存事件类型名称。 2.HTML事件处理程序中的变量ev 阅读全文
摘要：
总结： 1.HTML事件处理程序不允许使用未转义字符，event变量访问事件对象，this指向目标元素本身，建议使用try/catch语句避免浏览器报错，但并不推荐使用HTML事件处理程序。 2.DOM0级事件处理程序中this指向目标元素本身，赋值null删除事件处理程序。 3.DOM2级事件处理 阅读全文
摘要：
事件流是用来描述html页面中接收事件的顺序的。 IE给出的顺序叫做事件冒泡。 Netscape给出的顺序叫做事件捕获。 <!Doctype> <html> <body> <div id="btn">Click me</div> </body> </html> 事件冒泡正如其名，向鱼类吐泡泡一样。当 阅读全文