-
column-span:定义一个分列元素能跨列多少； none:不跨越任何列 all:跨越所有列 nth-child(2n):跨越偶数列 column-span主要用来定义一个分列元素中的子元素能跨列多少。column-width、column-count等属性能让一元素分成多查看全部
-
只有 Chrome 和 Opera 支持 column-span 属性。火狐不支持查看全部
-
column-rule: 2px dotted green;查看全部
-
column-rule主要是用来定义列与列之间的边框宽度、边框样式和边框颜色。简单点说，就有点类似于常用的border属性。但column-rule是不占用任何空间位置的，在列与列之间改变其宽度不会改变任何列的位置。查看全部
-
column-gap主要用来设置列与列之间的间距，其语法规则如下： column-gap: normal || <length>查看全部
-
最外层的div设置width的时候,里面列设置宽度不起作用，列直接决定了宽度 外面div没有width的时候，里面列的宽度才起作用查看全部
-
columns：<column-width> || <column-count> 多列布局columns属性参数主要就两个属性参数：列宽和列数。 参数 参数说明 <column-width> 主要用来定义多列中每列的宽度 <column-count> 主要用来定义多列中的列数查看全部
-
/*任务七、设置不显示的背景图层级*/ /* Not Target */ img:nth-of-type(n):not(:target) 不懂就别教坏别人查看全部
-
Z-index 仅能在定位元素上奏效（例如 position:absolute;）！查看全部
-
animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。主要具有四个属性值：none、forwards、backwords和both。其四个属性值对应效果如下： 属性值 效果 none 默认值，表示动画将按预期进行和结束，在动画完成其最后一帧时，动画会反转到初始帧处 forwards 表示动画在结束后继续应用最后的关键帧的位置 backwards 会在向元素应用动画样式时迅速应用动画的初始帧 both 元素动画同时具有forwards和backwards效果 在默认情况之下，动画不会影响它的关键帧之外的属性，使用animation-fill-mode属性可以修改动画的默认行为。简单的说就是告诉动画在第一关键帧上等待动画开始，或者在动画结束时停在最后一个关键帧上而不回到动画的第一帧上。或者同时具有这两个效果。 例如：让动画停在最一帧处。代码如下： animation-fill-mode:forwards;查看全部
-
animation-play-state属性主要用来控制元素动画的播放状态。 参数： 其主要有两个值：running和paused。 其中running是其默认值，主要作用就是类似于音乐播放器一样，可以通过paused将正在播放的动画停下来，也可以通过running将暂停的动画重新播放，这里的重新播放不一定是从元素动画的开始播放，而是从暂停的那个位置开始播放。另外如果暂停了动画的播放，元素的样式将回到最原始设置状态。 例如，页面加载时，动画不播放。代码如下： animation-play-state:paused;查看全部
-
animation-direction属性主要用来设置动画播放方向，其语法规则如下：normal是默认值，如果设置为normal时，动画的每次循环都是向前播放； 2、另一个值是alternate，他的作用是，动画播放在第偶数次向前播放，第奇数次向反方向播放。查看全部
-
animation-iteration-count属性主要用来定义动画的播放次数。查看全部
-
animation-delay属性用来定义动画开始播放的时间，用来触发动画播放的时间点。和transition-delay属性一样，用于定义在浏览器开始执行动画之前等待的时间。查看全部
-
animation-timing-function属性主要用来设置动画播放方式。主要让元素根据时间的推进来改变属性值的变换速率，简单点说就是动画的播放方式。查看全部
举报
0/150
提交
取消