.columns {
padding: 5px;
border: 1px solid green;
width: 900px;
margin: 20px auto;
height:220px;
-webkit-columns:200px 3;
}
自己改的一模一样
padding: 5px;
border: 1px solid green;
width: 900px;
margin: 20px auto;
height:220px;
-webkit-columns:200px 3;
}
自己改的一模一样
2016-01-12
最新回答 / 朗月天奇
animation 属性是一个简写属性，用于设置六个动画属性：animation-nameanimation-durationanimation-timing-functionanimation-delayanimation-iteration-countanimation-direction
2016-01-12
最赞回答 / 沐皓
display:table;和#page:after{clear:both;}是为了清除 #page:after受到浮动的影响，#page:after不上浮，和before之间距离导致page不坍塌。 而如果不设置display:table;或者block 那#page:after是个行内元素就直接就上去了 footer的清除浮动是让footer自身不受浮动影响 其实这里去掉也没有影响 因为上面挡了个block上不去
2016-01-11
已采纳回答 / Rhinel
h2,p:nth-child(2n){column-span:all;} 你看前面，h2","p ，看到他们之间有个逗号了么，就是指两个选择器共用后面的属性配置。这个两个选择器分别是h2和p:nth-child(2n)，后面的偶数列选择器只对p有效。意思是h2和第偶数个p元素。p:nth-child(2n){column-span:all;} 这个只选择了一个，意思是第偶数个p元素。
2016-01-11
难点解释：
1.多加这两个阴影样式：“-webkit-box-shadow:”“-moz-box-shadow:”是为了兼容多浏览器的。
2.“z-index:-1;”是为了把红框盖住，只显示其阴影，如果把此行代码去掉，会看到一个红框。
3.“position:absolute;”“top:50%;”是以box为参考定位的。
4.class="box effect"，是类选择器的知识，及表示class=“box”与class="effect"的组合。如果把.effect换成.box效果依然相同，用.effect表示语义更加明白。
1.多加这两个阴影样式：“-webkit-box-shadow:”“-moz-box-shadow:”是为了兼容多浏览器的。
2.“z-index:-1;”是为了把红框盖住，只显示其阴影，如果把此行代码去掉，会看到一个红框。
3.“position:absolute;”“top:50%;”是以box为参考定位的。
4.class="box effect"，是类选择器的知识，及表示class=“box”与class="effect"的组合。如果把.effect换成.box效果依然相同，用.effect表示语义更加明白。
2016-01-10
最新回答 / qq_嶸歸_0
你的问题可以这样解决，如果暂停了动画的播放，元素的样式将回到最原始设置状态span{ display: inline-block; width: 20px; height: 20px; background: orange; transform: translateY(90px); animation-name: move; animation-play-state:paused;}div:hover span { animation-name: move; animation-dura...
2016-01-09
最新回答 / mrlyw123
p{}里面说的是开始的样式，p：hover{}是说hover结束时的样式而transition-property:all 的意思是p：hover{}即结束状态里面所提到的所有属性，全部按照按照transition效果从开始走向结束