头部和底部固定，中间部分动态改变 宽度高度百分比，字体em(自适应)，说明：高度响应需要body进行绝对定位并把高度设置为100%; media query(响应式)，max-width、max-device-width…

首先实现从按下一个按钮跳转到另一个网页 1.不关闭本网页跳到新建一个网页的方式： <button onclick="location.href='xxx.html' ">跳转到另一个html网页</bu…

来自妙味的一套面试题，以下答案来自JS讲师的现场上课记录！ 一、选择题 1、分析下段代码输出结果是（ B ） var arr = [2,3,4,5,6]; var sum =0; for(var i=1;i < a…

1.前言，看过很多的轮播器代码；但是心中，老想着有没有简单的办法来实现同样的效果。搜到这个（下方链接），眼前一亮，便动手实践改进。主要工作，还是对文章第一段提出的“如果中间间隔有图片，那么在css3动画的执行过程中还是会…

清除浮动 .clearfix{ &:after{ clear:both; height:0; content:''; display: table; } } 说明： content: 用处也很大，可以用来添加一些…

介绍 flexbox是HTML5中提出的新的布局方式。使用时，需要将父子节点的display都设置为flex。每个参赛的效果可以参考这里 父节点属性 flex-direction 控制子界点的方向。一共有4个值： .co…

ES5提供的数组已经很强大，但是ES6中继续改进了一些，主要是增加了新的数组方法，所以这章的知识非常少。 创建数组 ES5中创建数组的方式：数组字面量、new一个数组。 const arr1 = [] //数组字面量 c…

同步更新在我的 github 上。欢迎指正，共同学习与完善。 transform 属性允许你修改CSS视觉格式模型的坐标空间。包括： translate (转换) rotate (旋转) scale (缩放) skew …

1. 取消拖动调整大小 /*css2.0*/ textarea {width: 400px;max-width: 400px;height: 400px;max-height: 400px;} /*css3.0*/ te…

ES5提供的数组已经很强大，但是ES6中继续改进了一些，主要是增加了新的数组方法，所以这章的知识非常少。 创建数组 ES5中创建数组的方式：数组字面量、new一个数组。 const arr1 = [] //数组字面量 c…

awesome-frontend-interviews是一个用于整理、收集前端基础知识的开源项目，放在Github上，内容会一直更新，欢迎提交好的内容共同进步，欢迎star。 CSS优先级如何计算？ 同权重下，优先级就近…

这是在逗我么 首先看到能让IE8及以下的IE亲们用上css3的border-radius和Gradient还有box-shadow着实兴奋了一大把。是的，你没有看错，用css3PIE就可以了，想了解猛戳链接。这里也不介绍…