头部和底部固定，中间部分动态改变 宽度高度百分比，字体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…

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

本人喜欢把一些实用的东东拿过来，写成文章或者收藏起来。于是乎… 直接上代码： .article { color: #000000; overflow: hidden; display: -webkit-box…

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

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

原生app里的数据列表都会使用下拉刷新的效果，在webapp里可以采用iscroll、swiper等插件或框架实现，那么如何自己编码实现类似的效果呢，下面介绍使用原生js+css3实现的简单效果。 html布局 <…

方法一：全局增加一个负值下边距等于底部高度 <style> html, body { height: 100%; margin: 0; } .content { padding: 20px; min-heig…

1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。 备注：transparent的属性值在android下无效。 …

还记得对象Object吗？ let obj = { a: 1 } 对象的花样： Object { key: value } 在ES5的时期，对象的key只能是字符串String范例。有人就想搞事，把key改成其他数据范例…

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