column是列,row是行,这里感觉图画得有问题,如果大家有时间的话可以看一下这个http://www.runoob.com/w3cnote/flex-grammar.html 这里讲得详细一些
2018-01-26
“蜜汁奇葩bug 换了份前面的动画就正常了 没换前每次变化都很慢只显示半个屏幕过一会儿才全屏变背景”
这个是bug,因为动画里面没有设置transform:translateX()这个属性,而之前用了这个属性来定位,所以执行动画的时候回覆盖掉translateX()(因为transform的所有值都要放在一起,不然后面的transform会覆盖前面的,你在动画里面也加上“translateX()”就行了)
比如第一个100%{transform: scale(1) translateX(-50%); },记住要每个动画都在transform属性里面加上translateX(50%)值
这个是bug,因为动画里面没有设置transform:translateX()这个属性,而之前用了这个属性来定位,所以执行动画的时候回覆盖掉translateX()(因为transform的所有值都要放在一起,不然后面的transform会覆盖前面的,你在动画里面也加上“translateX()”就行了)
比如第一个100%{transform: scale(1) translateX(-50%); },记住要每个动画都在transform属性里面加上translateX(50%)值
2018-01-18
花了点时间总结了一下:https://www.imooc.com/article/22730 欢迎拍砖,一起共勉。
2018-01-14
已采纳回答 / 慕莱坞8405554
伪元素是创造关于文档语言能够指定的文档树之外的抽象。a是行对象,inline-block是将a从行对象转换为块对象,块级对象元素会单独占一行显示,而行对象是一行内显示,直到该行排满。
2018-01-05
CSS3边框 阴影 box-shadow(二)
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
4px 4px 6px 1px #666 inset;
.boxshadow-outset{
width:100px;
height:100px;
box-shadow:4px 4px 6px 1px #666,
10px 10px 50px 10px #888 inset;
border-radius:50px;
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
4px 4px 6px 1px #666 inset;
.boxshadow-outset{
width:100px;
height:100px;
box-shadow:4px 4px 6px 1px #666,
10px 10px 50px 10px #888 inset;
border-radius:50px;
2018-01-05