1.url href rel src 属性解析
1. url:统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，url就是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL;一般就是浏览器地址栏填写的。
2. href：Hypertext Reference的缩写。意思是超文本引用,用来建立当前元素和文档之间的链接，属性的值可以是任何有效文档的相对或绝对URL，包括片段标识符和JavaScript代码段。常见的就是a标签中的。
3. rel：relationship的英文缩写·,REL属性用于定义链接的文件和HTML文档之间的关系,e.g. StyleSheet，用于定义链接的文件和HTML文档之间的关系。
4. src也可以是源文件（source）的简写，一般用作目录名称用于存放源代码，一般指的是引用外部文件的路径，像img标签中src表示图片的路径。
2.标准盒子模型和IE盒子模型
3.CSS Sprites简介
- CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。
- 利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字精确的定位出背景图片的位置。
- 利用CSS Sprites能很好地减少网页的http请求，从而大大的提高页面的性能，这也是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因。CSS Sprites能减少图片的字节，曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。
- 解决了网页设计师在图片命名上的困扰，只需对一张集合的图片上命名就可以了，不需要对每一个小元素进行命名，从而提高了网页的制作效率。
- 更换风格方便，只需要在一张或少张图片上修改图片的颜色或样式，整个网页的风格就可以改变。维护起来更加方便。
缺点：
- 图片合并麻烦：图片合并时，需要把多张图片有序的合理的合并成一张图片，并留好足够的空间防止版块出现不必要的背景。
- 图片适应性差：在高分辨的屏幕下自适应页面，若图片不够宽会出现背景断裂。
- 图片定位繁琐：开发时需要通过工具测量计算每个背景单元的精确位置。可维护性差：页面背景需要少许改动，可能要修改部分或整张已合并的图片，进而要改动css。在避免改动图片的前提下，又只能（最好）往下追加图片，但这样增加了图片字节。
4.input的type属性
5.网页内核
-moz代表firefox浏览器私有属性 -ms代表IE浏览器私有属性 -webkit代表chrome、safari私有属性 IE使用的是Trident内核，Firefox 使用的是Gecko内核。 目前使用IE浏览器内核的有：搜狗，遨游，360等。
6.<meta name="viewport" content="width=device-width, initial-scale=1">
width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scalable - 用户是否可以手动缩放
响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。
7.css选择器优先级判定
第一等：代表内联样式，如: style=””，权值为1000。
第二等：代表ID选择器，如：#content，权值为0100。
第三等：代表类，伪类和属性选择器，如.content，权值为0010。
第四等：代表类型选择器和伪元素选择器，如div p，权值为0001。
通配符、子选择器、相邻选择器等的。如 、>、+,权值为0000。