-
rgba(red,green,blue,alpha)查看全部
-
animation-fill-mode:none:动画按预期进行和结束，在动画完成其最后一帧时动画反转到初始帧处； forwards：表示动画在结束后继续应用最后的关键帧的位置； backgrounds：会在向元素应用动画样式时迅速应用动画的初始帧； both：元素动画同事具有forwards和backgrounds效果。查看全部
-
animation-play-state:running:将暂停的动画重新播放，从暂停的那个位置重新播放 pause的：将正在进行的暂停查看全部
-
transition-duration:设置过渡时间的持续时间，transition-delay用来指定一个动画开始执行的时间。查看全部
-
transition-timing-function属性: ease:默认值，元素样式从初始状态过渡到终止状态时速度由快变慢，逐渐变慢。 linear：元素样式从初始时速过渡到终止状态时速度恒速。 ease-in：元素样式从初始状态过渡到终止状态，速度越来越快，呈一种加速状态，常称为渐显效果。 ease-out:元素样式从初始状态过渡到终止状态，速度越来越慢，呈一种减速状态，常称为渐隐效果。 ease-in-out：元素样式从初始状态到终止状态，先加速后减速，常称为渐显渐隐效果。查看全部
-
transition-timing-function属性指的是过渡的“缓动函数”，主要用来指定浏览器的过渡速度和过渡期间的操作进展情况。查看全部
-
transition-property:指定过渡或动态模拟的CSS属性 transition-duration:指定完成过渡所需的时间 transition-timing-function:指定过渡函数 transition-delay:指定开始出现的延迟时间查看全部
-
rtransition-duration属性主要用来设置一个属性过渡到另一个属性所需的时间，从旧属性过渡到新属性花费的时间长度，俗称持续时间。查看全部
-
matrix() 是一个含六个值的(a,b,c,d,e,f)变换矩阵，用来指定一个2D变换，相当于直接应用一个[a b c d e f]变换矩阵。查看全部
-
transform的属性:rotate():旋转；scale():放大与缩小；skew():倾斜；translate():平移。查看全部
-
::before,::after,这两个主要用来给元素的前面或后面插入内容，作用最多是清除浮动查看全部
-
vertical-align 属性设置元素的垂直对齐方式。查看全部
-
要正常使用“:disabled”选择器，需要在表单元素的HTML中设置“disabled”属性。查看全部
-
表单元素可用“：enable”与不可用“：disable”查看全部
-
HTML: <!doctype html> <html> <head> <meta charset="utf-8"> <title>columns</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div class="columns"> <p>......此处省略几千个字</p> </div> </body> </html> CSS: .columns { width: 1000px; padding: 5px; border: 1px solid green; margin: 20px auto; -webkit-columns:323PX 3; -moz-columns:323PX 3; -o-columns:323PX 3; -ms-columns:323PX 3; columns:323PX 3; } 解析：由于CSS3多栏布局属性 columns 是根据元素所设置的列宽和列长所决定的，当元素不设置columns属性时，一列布局显示效果如下： CSS3 多列布局——Columns - A lucky boy - 烟雨倾城 当为这个元素设置 columns:322px 3;这时候会出现三栏布局，效果图如下： CSS3 多列布局——Columns - A lucky boy - 烟雨倾城 请注意！！如果此时给这个元素每一栏的宽度+1，也就是 columns:323px 3;这个时候会出现如下效果 CSS3 多列布局——Columns - A lucky boy - 烟雨倾城 323*3+16*2 >1000 ?? 因为在这边设置文本的字体大小为16px，当显示两栏布局时，两栏之间的间距gap其实就是一个字体大小。然而这边设置每一列的宽度是322px，有三栏布局，所以三栏之间有两个 16px 之间的间距，所以 322*3+16*2 < 1000 ,浏览器会计算变成三栏布局。如果此时给每一列的宽度设置为323px时，会发现 323*3+16*2 >1000 ,因为宽度已经超过了1000px了，所以浏览器会自动计算，只允许显示两列布局。查看全部
举报
0/150
提交
取消