Css精灵图，把一堆小的图片整合到一张大的图片（png）上，减轻服务器对图片的请求数量。再利用CSS的“background-image”,"backgroundj-repeat","background-positi"的组合进行背景定位。
页面显示样式的优先级取决于其"特殊性"，特殊性越高，就显示最高的，当物特殊性相等时，显示后者。特殊性表述为4个部分：0，0，0，0一个选择器的特殊性如下1，对于选择器是#id 的属性值特殊性值为: 0,1,0,02，对于属性选择器，class 或伪类，特殊性值为: 0,0,1,0
开发方式移动web开发+pc开发响应式开发应用场景一般在已有PC端的网站，开发移动站的时候，只需单独开发移动端。针对新建站的一些网站，现在要求适配移动端，所以就一套页面兼容各种终端，灵活。开发针对性强，开发效率高兼容各种终端，效率低。适配只适配移动设备，pad上体验相对较差。可以适配各种终端效率代码
1，流式布局使用非固定像素来定义网页内容，也就是百分比布局，通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不爱固定像素的限制，内容向两侧填充。这样的布局方式，就是移动web开发使用的常用布局方式。这样的布局可以适配移动端不同的分辨设备。2，响应式开发那么Ethan Marcotte在2010
1，低级div定义height原理：父级div手动定义height.就解决了父级div无法自动获取到高度的问题，简单、代码少，容易掌握，但只适合高度固定的布局，2，结尾处加空div标签clear: both原理:在浮动元素的后面添加一个空div兄弟元素，利用Css提高的clear: both清除浮动
1，png24位的图片在IE6浏览器上出现背景，解决方案是做成PNG8.2，浏览器默认的margin和padding不同。解决方案是加一个全局的｛margin:0;padding:0;｝来统一。3、IE6双边距bug:块属性标签float后， 又有横行的margin情况下，在ie6显示margin比
Reset重置浏览器的CSS默认属性，浏览器品种不同，样式不同，然后重置，让他们统一（暴力，强制的）1，Normalize.css是CSS RESET 替代方案，保护有用的浏览器默认样式而不是完全去掉它们（温和的，根据浏览器特性的）2，一般化的样式，为大部分HTML元素提供3，修复浏览器自
BFC直译为“块级格式化上下文”。它是一个独立的渲染区域;只有Block-level box参与，它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。布局规则：A，内部的BOX会在垂直方向，一个接一个地放置。B，Box垂直方向的距离由margin决定。属于同一个BFC的
优雅降级和渐进增强印象中是随着CSS3流出来的一个概念，由于低级浏览器不支持CSS3，但css3的效果又太优秀不忍放弃，所以在高级浏览器中使用CSS3而低级浏览器只保证最基本的功能。咋一看两个概念差不多，都是在关注不同的浏览器下的不同体验，关键的区别是他们所侧重的内容，以及这种不同造成的工作流程的差
1，颜色：新增RGBA,HSLA模式2，文字阴影（text-shadow）3，边框：圆角（border-radius）边框阴影：box-shadow4，盒子模型：box-sizing5，背景：background-size设置背景图片的尺寸 background-origin设置背景图片的原点bac
