摘要：
一、描述z-index和叠加上下文是如何形成的。 首先来看在CSS中叠加上下文形成的原因： 1.负边距 margin为负值时元素会依参考线向外偏移。margin-left/margin-top的参考线为左边的元素/上面的元素（如无兄弟元素则为父元素的左内侧/上内侧）,margin-right和mar 阅读全文
摘要：
一、请解释事件代理 (event delegation)。 首先介绍一下JavaScript的事件代理。事件代理在JS世界中一个非常有用也很有趣的功能。当我们需要对很多元素添加事件的时候，可以通过将事件添加到它们的父节点而将事件委托给父节点来触发处理函数。这主要得益于浏览器的事件冒泡机制 那些需要创 阅读全文
摘要：
一、请解释 inline 和 inline-block 的区别？ 行内元素和行内块级元素，最基本的区别就是inline元素不能设置宽高边距，inline-block则可以，block是块级元素是独占一行的，inline-block就是能放在一行的block。关于这个问题，低版本的ie是有bug的，通 阅读全文
摘要：
一、请解释浏览器是如何判断元素是否匹配某个 CSS 选择器？ 先产生一个元素集合，然后从后往前判断； 浏览器先产生一个元素集合，这个集合往往由最后一个部分的索引产生（如果没有索引就是所有元素的集合）。然后向上匹配，如果不符合上一个部分，就把元素从集合中删除，直到真个选择器都匹配完，还在集合中的元素就 阅读全文
摘要：
一、在书写高效 CSS 时会有哪些问题需要考虑？ 1.样式是：浏览器是从右向左来解析一个选择器的 2.ID最快，Universal最慢 有四种类型的key selector，解析速度由快到慢依次是：ID、class、tag和universal 3.不要tag-qualify （永远不要这样做 ul# 阅读全文
摘要：
一、如何为有功能限制的浏览器提供网页？ 我们知道 js 可以通过 window.navigator.userAgent 来获取浏览器的相关信息。因而通过userAgent来限制访问是个不错的方法。 二、有哪些的隐藏内容的方法（如果同时还要保证屏幕阅读器可用呢？） 1.display:none;的缺陷 阅读全文
摘要：
浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案：CSS里 {margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎 阅读全文
摘要：
一、你最喜欢的图片替换方法是什么，你如何选择使用。 设计师能够用一张背景图像替代某元素中的原始文字，以期显示出更美观的字体。 实现方法 ： 1、添加span标签 该技巧的实现非常简单：用span将元素中的文本包围起来，然后通过应用CSS样式隐藏这个span中的文本，最后将背景图像应用到该元素之上即可 阅读全文
摘要：
一、列举不同的清除浮动的技巧，并指出它们各自适用的使用场景。 首先来说明为什么要清除浮动？ 当一个容器中的元素全部浮动之后，由于浮动会让元素脱离普通文档流，所以对于外面的这个容器来讲它就没有内容将它撑开，背景设置无法显示，margin设置无法显示。 清除浮动的方法： 1、添加新的元素 、应用 cle 阅读全文
摘要：
一、请描述 cookies、sessionStorage 和 localStorage 的区别。 软件编程希望通过一些手段来持久化的存储一些有用的数据。对于网络化编程，一般将这项任务交给了服务器端的数据库或者浏览器端的cookie。随着HTML5的出现，web开发又有了两种选择：Web Storag 阅读全文