-
<meta name="viewport" content=""width=device-width,initial-scale=1">控制显示兼容移动端，width=device-width宽度为设备宽度，initial-scale=1不放缩查看全部
-
content一般和:before,:after一起使用，用来生成内容(img和input没有该属性)，content的内容一般可以为以下四种： none： 不生成任何值。 attr： 插入标签属性值 url： 使用指定的绝对或相对地址插入一个外部资源（图像，声频，视频或浏览器支持的其他任何资源） string： 插入字符串查看全部
-
<meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1">告诉ie使用最新的渲染模式。查看全部
-
translate 3d查看全部
-
制作三角形查看全部
-
animation: movedown 0.6s ease-in-out 0.2s backwards; backwards在播放之前处于开始状态查看全部
-
需要用事件出发的动画用transition来实现，不需要事件来出发的事件用animition来实现查看全部
-
字体下载：http://www.dafont.com http://www.google.com/webfonts查看全部
-
transform:使用transform:translate3d可以加速在手机中的处理速度。 先告诉浏览器初始位置是transform:translate3d（0,0,0,）分别代表X轴、Y轴、Z轴，然后点击，平移的位置才会生效。 css3： backfack-visibilty 功能：定义当前元素不面向屏幕是否可见 语法规则：backfack-visibilty:visible|hidden 取值说明：visible（背面可见） hidden（背面不可见） -webkit-transform:translate3d(0,0,0);做平移 1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。 备注：transparent的属性值在android下无效。 2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影。 3、-webkit-transform:translate3d(0, 0, 0)在ios下可以让动画更加流畅（这个属性会调用硬件加速模式），但是在android下不可乱用，很多见所未见的bug就是因为这个。 4、@-webkit-keyframes可以预定义很多你所想到的动画，然后通过-webkit-transition来调用。 5、-webkit-background-size可以做高清图标，不过一些低版本的android只能识别background-size，所以有必要两个都要写上；用这个属性的时候推荐树勇cover这个值，可以自动去匹配宽和高。 6、text-shadow多用这个属性，可以美化文字效果。 7、border-radius、box-shadow、gradient、border-image，不解释，可以精简代码。查看全部
-
position:absolute; bottom:100%; left:50%; margin-left:-20px //三角形底边的一半值 a:after添加的内容是位于a元素内部的查看全部
-
input:checked + a{ } //这里设置被选中input后面的a的样式查看全部
-
隐藏元素的4种方法：（前2种隐藏不占位，后2个隐藏占位） display：none; position:absolute; left:-99999px; visibility:hidden; opacity:0; 清除浮动的类 .cls{ width:0; height:0; overflow:hidden; clear:both; }查看全部
-
backface-visibilility查看全部
-
字体下载网址查看全部
-
@font-face引入字体这里可以改变形状？查看全部
举报
0/150
提交
取消