摘要： 1、平稳退化（优雅降级） 目的：当浏览器不支持js或者js被用户禁用时，做到即使不运行js，网页的可读性亦不会受到太大的影响。 理念：使用最新的技术面向高级浏览器构建最强的功能及用户体验，然后针对低级的浏览器进行限制，逐步衰减那些无法被支持的功能及体验。使用平稳退化技术时，必须先完整的实现网站，其中 阅读全文

摘要： 当只显示一行文本的时候用下面三条语句就可以实现： overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 但是当要显示两行或者两行以上的文本区域时，就必须借助弹性盒子来实现： overflow:hidden; text-overflo 阅读全文

摘要： 在写鼠标移出移入事件时，发现定时器在多次移入移出时会不断加速 错误代码： var st=setTimeout('pt()',3000) function zx(){ clearTimeout(st) } ptdiv.onmouseover=zx function zz(){setTimeout('p 阅读全文

摘要： 问题：js写了一个鼠标移入移出事件，但是发现会被内部子元素不断的触发 解决方法：建立一个空的div定位到需要触发的位置，然后设置大小和触发范围一样，最后将事件写在空的div上。 阅读全文

摘要： 有时候input在页面中被聚焦后会出现默认的边框样式，可以通过以下方法取消去除 .input:focus{ outline: none;} 阅读全文

摘要： 将两个input融合在一起，注意input标签之间的空格 .put1{ width: 20px; height: 28px; vertical-align:middle; border: 1px solid #ebebeb; border-left: 0px; background: #ffffff 阅读全文

摘要： 在布局中发现各个input之间很难对齐，解决方法如下： 将input设置vertical-align属性： vertical-align:middle vertical-align:top vertical-align:bottom 阅读全文

摘要： 问题：li标签用了display：inline之后虽然成功的合并在一行，但是li标签之间出现了间距。 原因：按enter键换行之后li标签之间存在着空格，正是这些空格占据了li标签之间的空间。 解决方案：1、将li标签之间用注释填补 <li>内容</li><!-- --><li>内容</li> 2、 阅读全文