-
http://www.cnblogs.com/zhaoran/archive/2013/05/24/3097482.html
查看全部 -
nth-of-type是父元素下第n个element的元素（首先那个元素必须是符合element的），而nth-child是父元素下第几个元素，若不符合element，则选择失败
查看全部 -
让球绕圆环滚动，可以让块(设置border为圆)，rotate到不同位置。
0，90deg，180deg，270deg，360deg
查看全部 -
ol > li:firstChild 表示ol的第一个li子元素，它的样式相当于在第一个li上加了一个相对应的class。之所以只有前面序号变成红色了，是因为a标签本身有自己的固定样式，样式选择会就近来取，所以a链接里的颜色还是蓝色，跟li的第一个/第二个子元素没有一毛钱关系。。你们不要把firstChild对应关系搞混掉就好了。把a标签换成其他任意标签比如<p>、<div>之类的，里面的字体颜色也会变为红色
查看全部 -
如果直接写 #brand p{} 会直接改变样式，而写为#brand:target p{},是点击之后改变样式
查看全部 -
一个是块级元素 他是恶霸 要独占一行
inline是内联块级元素 比较害羞 所以愿意跟别人挤挤 可以多个在一行
查看全部 -
css3背景代码缩写
background ： [background-color] | [background-image] | [background-position][/background-size] | [background-repeat] | [background-attachment] | [background-clip] | [background-origin],...
查看全部 -
transition-duration：表示动画变化整个过程的时间。
transition-delay 表示让整个过渡过程延迟开始。查看全部 -
顺序
transition: property duration timing-function delay;
查看全部 -
transition-property:指定过渡或动态模拟的CSS属性
transition-duration:指定完成过渡所需的时间
transition-timing-function:指定过渡函数
transition-delay:指定开始出现的延迟时间简写：
transition: all 3s ease-in-out .8s;(所有属性，持续3秒，先加速再减速变化，延迟0.8秒再执行变化，对于零可以省略)
查看全部 -
translate是位置的移动，平移变换
transition是动画，移动的时间动画
查看全部 -
简写transition:all .5s ease-in .2s
属性(多属性用all) 持续时间 动画方式 延迟时间
查看全部 -
transition:
ease/ease-in/ease-out/ease-in-out
查看全部 -
对于不知道大小的元素，设置垂直居中。
top: 50%, left: 50%
transform: translate(-50%, -50%)
查看全部 -
水平垂直居中
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
查看全部
举报