摘要：-webkit-transform: translateZ(0);-webkit-transform: translate3d(0,0,0);作用：1、切换到硬件合成模式，通常所有事情都CPU完成，硬件影像合成模式会将指定元素传给GPU 处理2、创建一个新的图层，带有自己的backing surfa... 阅读全文

摘要：现代浏览器在完成以下四种属性的动画时，消耗成本较低： position（位置）， scale（比例缩放）, rotation（旋转） 和 opacity（透明度）。如果你对其他的属性设置动画，你就需要对你的冒险负责。而且你的动画将可能达不到流畅的60fps。浏览器处理的步骤，自上而下执行因此为了达到... 阅读全文

摘要：a标签 两种button按钮 默认带有一个虚线 outline 当他们被单击 和 激活以后outline和border 很类似 ，但是有不同1、outline 不能针对特定的边赋值 ，也就是没有 border-left 这种2、在盒子模型中没有outline，所以当你添加和去除这个属性不会改变布局（... 阅读全文

摘要：1、margin 为负值margin-bottom:-3000px; padding-bottom:3000px; 一正一负配合父元素 overflow:hidden;#content{overflow:hidden;}.left{width:200px; margin-bottom:-3000... 阅读全文

摘要：绝对定位 有点像 float:left; 有包裹性 和 破坏性但是绝对定位会脱离文档流，高度没了，宽度也没了，绝对元素会层叠到一起position：absolute的块状元素会与float 元素重合，而行内元素不会img{float:left;} div{position: absolute;}... 阅读全文

摘要：行高：两条文字基线之间的距离，基线实在英文字母中用到的一个概念，我们刚学英语的时使用的那个英语本子每行有四条线，其中底部第二条线就是基线，是a,c,z,x等字母的底边线。下图的红色线即为基线。如果设为数字的话，表示行高为当前font-size的倍数，默认1.14，不用带单位也可以如果是把它设为和高度... 阅读全文

摘要：{ display: none; } 不占据空间，无法点击{ visibility: hidden; } 占据空间，无法点击{ position: absolute; clip:rect(1px 1px 1px 1px);} 不占据空间，无法点击{ position: absolute; to... 阅读全文

摘要：选择器的特异性由CSS2 规范定义如下： !important的规则比其他的权值都大 p{color: red !important}如果声明来自于“style”属性，而不是带有选择器的规则，则记为 1，否则记为 0 (= a)ID 属性的个数 ( b)其他属性和伪类的个数 ( c)元素名称和伪... 阅读全文

摘要：方法一 text-indent: 100%; overflow:hidden;方法二 font: 0/0 a; overflow:hidden;（字号大小0, 行高0，字体a是因为就一个字母，换成b也是OK的，实际并无a字体。日本高中社团要至少4个人才能成立，游泳社就3个人，于是就去田径队找了个... 阅读全文

摘要：border-radius : 10px / 40px 10表示X轴半径 40表示Y轴半径font:italic bold 13px/13px arial,sans-serif; 解释：italic斜体 13px/13px 第一个为字体大小，第二个为行高background: -webkit-... 阅读全文

摘要：一、web页面前台编码时经常用到display:none样式，平常使用时发现有几点特征需要注意1、如果在样式文件或页面文件代码中直接用display:none对元素进行了隐藏，载入页面后，在没有通过js设置样式使元素显示的前提下，使用js代码会无法正确获得该元素的一些属性，比如offSetTop,o... 阅读全文

摘要：标签不能再包含，也不能包含，可以包含a 和 img 标签是特殊的行内元素，a标签可以包含div等，几乎所有的可替换元素都是行内元素，例如、等等，替换元素一般有内在尺寸，所以具有width和height，可以设定。例如你不指定img的width和height时，就按其内在尺寸显示，也就是图片被保存的时... 阅读全文

摘要：.loading{ width:3px; height:3px; border-radius:100%; margin-left:20px;box-shadow:0 -10px 0 1px #333,10px 0px #333,0 10px #333,-10px 0 #333,-7px -7px 0... 阅读全文