-
transition查看全部
-
transform查看全部
-
CSS动画过渡查看全部
-
-webkit-transform:translate(x,y,z) 3D移动 rotate3d(x,y,z,angle) 3D旋转 scale3d( x,y,z,flex) 3D缩放。 -webkit-transform-origin: center bottom top left 50% 100%;查看全部
-
*:after{clear:both;}这个很实用查看全部
-
任何一个标签的前或后动态生成的所有内容上的填充或边框都不要影响盒子的大小: -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;查看全部
-
:after与:before的用法查看全部
-
-webkit-text-size-adjust:none -moz-text-size-adjust:none -ms-text-size-adjust:none -o-text-size-adjust:none text-size-adjust:none 旋转后文字大小不变,浏览器内核不同查看全部
-
学习了,这块还真经常忽略。 ie采用最新的渲染模式,以支持css3-写css3效果的话,加上这句比较好 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 移动端处理:页面宽度=设备宽度,缩放为1,不放大 <meta name="viewport" content="width=device-width, initial-scale=1">查看全部
-
http://fontawesome.io/下载文件(字体图标,随便缩放,图标颜色取决于字的颜色) 拷贝css和fonts文件夹到工程文件夹里 html页引用css文件夹里的min.css文件,该文件里有路径的设置,按照上面的存放就没有问题,如果不一致的话,需要改这里面的路径。这个路径是css文件相对于font文件的位置 官网看icon和example icon点击想要的图标,里面会有代码 更多的使用方法看example查看全部
-
position:absolute;设置后,自动将display设置为block了 float设置left或right后,也自动将display设置为block了 .svg图片新格式,可缩放,且不模糊,非常清楚查看全部
-
ie采用最新的渲染模式,以支持css3-写css3效果的话,加上这句比较好 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 移动端处理:页面宽度=设备宽度,缩放为1,不放大 <meta name="viewport" content="width=device-width, initial-scale=1"> 结构: <a href="#">Work<span><i></i></span></a> html{width:100%;height:100%;为了背景图片或颜色满屏显示text-size-adjust:100%;手机屏幕旋转时字体大小不变} body{width:100%;height:100%;为了背景图片或颜色满屏显示} *,*:after,*:before{box-sizing:border-box;} *:after,*:before{display:block;content:'';} *:after{clear:both}查看全部
-
li水平排列:display:inline-block.查看全部
-
text-size-adjust查看全部
-
font-smoothing查看全部
举报
0/150
提交
取消