摘要：
this 定义：this是包含它的函数作为方法被调用时所属的对象。(1，this所在的函数。2，此函数作为方法被调用。3,this等于调用此函数的对象) this 对象在运行时基于函数的执行环境绑定的。在全局环境中this等于window，当函数作为某个对象的方法调用时，this等于那个对象。所以说 阅读全文
摘要：
在打折图标里面 实现一道白光划过的动画效果 css: <!DOCTYPE html><html><head><meta charset="utf-8"> <style> p{ width:15%; margin:0 auto; line-height:50px; font-size:30px; te 阅读全文
摘要：
http://www.w3cplus.com/css3/advanced-css-filters.html； backdrop-filter：blur(10px);只支持ios端；只作用于当前元素； 适用场景：为背景添加模糊效果；如果目标元素内包裹着其他内容 则应用filter属性； （不支持安卓， 阅读全文
摘要：
需求： 将footer固定到底部。文章内容不足满屏时 footer在底部，超过满屏时footer在内容末尾。 方法一： <style>*{padding: 0;margin: 0;font-size:20px;}html, body, #wrap {height: 100%;}body > #wra 阅读全文
摘要：
一、以根元素字号为100px; js; (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize' 阅读全文
摘要：
一、定义： z-index 只适用于元素有定位的情况，表示层级 数值越大 层级越高 展示的位置越靠前。 二、用法： 1、同级关系： z-index值较大的元素将叠加在z-index值较小的元素之上 （值可以为负数） z-index值相同时 按照文档流顺序排列 2、父子关系： 如果设置了父元素的z-i 阅读全文
摘要：
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> </head><body><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2 阅读全文
摘要：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>http://www.zhangxinxu.com/wordpress/2014/12/css3-animation-dotting-loading/</title 阅读全文
摘要：
单行： 添加css样式： 多行：针对移动端不考虑兼容性 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{font-size: 20px;margin: 0;p 阅读全文
摘要：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{margin: 0;padding: 0;list-style: none;}.box{width: 100p 阅读全文