-
input;checked+a{} //这里设置被选中input后面的a的样式查看全部
-
.st-color{ background:#fa96b5;} .st-color .st-desc{ background:#fff;} .st-color [data-icon]:after{ color:#fa96b5;} .st-color h2{ color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.1);} .st-color p{ color:rgba(255,255,255,0.8);}查看全部
-
transition 需要事件触发 animation不需要查看全部
-
所有主流浏览器都支持 z-index 属性。 注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。 z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 注释：元素可拥有负的 z-index 属性值。 注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！ 说明 该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。查看全部
-
display:none隐藏不占位。visbility:hidden隐藏占位。opacity:0 透明度为0。positon:absolute;left:-999999px;使控件不在页面范围内而隐藏查看全部
-
隐藏元素的4种方法：（前2种隐藏不占位，后2个隐藏占位） display：none; position:absolute; left:-99999px; visibility:hidden; opacity:0;查看全部
-
font-smoothing查看全部
-
<meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1"> //意思是用IE的最高版本浏览网页，以防低版本IE不支持部分css3属性 <meta name="viewport" content="width=device-width,initial-scale=1"> //意思是使网页的宽度强制适应不同服务窗口的宽度（宽度自适），且用户不能够随意缩放网页 <link href="http://fonts.googleapis.com/css?family=Josefin+Slab:400,700" rel="stylesheet" type="text/css"> //提供字体的网站，这样就可以在网站中使用链接中的字体，family=Josefin就是我们引用的字体查看全部
-
font-face查看全部
-
.st-desc{ width:200px; height:200px; background:#fa96b5; position:absolute; top:0; left:50%; margin-left:-100px; -webkit-transform:translateY(-50%) rotate(45deg); -mz-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); -0-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);}查看全部
-
页面内容切换查看全部
-
导航页面切换 transform:使用transform:translate3d可以加速在手机中的处理速度。 先告诉浏览器初始位置是transform:translate3d（0,0,0,）分别代表X轴、Y轴、Z轴，然后点击，平移的位置才会生效。 css3： backfack-visibilty 功能：定义当前元素不面向屏幕是否可见 语法规则：backfack-visibilty:visible|hidden 取值说明：visible（背面可见） hidden（背面不可见）查看全部
-
导航页面切换查看全部
-
三角显示不出来查看全部
-
使用radio制作导航（css样式）查看全部
举报
0/150
提交
取消