-
弹性盒子案例-骰子
弹性盒子案例,display:flex。骰子:1-6点。 display: flex;justify-content: center;align-items: center;
时间:2024-09-06 -
弹性盒子布局display:flex
弹性盒子布局display:flex 一、弹性排列方向 设置弹性布局的方向--语法 flex-direction:值 a) flex-direction:row; 横向排列,等同于左浮动效果
时间:2024-09-06 -
多栏布局column
多栏布局column 分栏显示--语法: column-count:值 多栏隔断框--语法: column-rule:值
时间:2024-09-06 -
超出文本显示省略号
超出文本显示省略号 语法: overflow:hidden; white-space:nowrap; text-overflow:ellipsis; 单行、多行文本超出显示省略号
时间:2024-09-01 -
盒子轮廓、透明度、缩放
盒子轮廓(outline)、透明度(opacity)、缩放(zoom)
时间:2024-09-01 -
cursor光标形状
cursor光标形状,包含:text(文本图标)、help(问号图标)、wait(等待图标)、pointer(小手图标)、move(移动图标)、default(箭头,默认)。
时间:2024-08-27 -
css过渡效果(transition)
css过渡效果(transition) 这是一个css动画的效果 语法: transition:动画css属性 过渡时间秒数 速度类型 延迟的秒数 取值:第一个值,写css属性名称,就是要发生改变的css属性...
时间:2024-08-27 -
css变换效果(transform)
css变换效果(transform):移动translate,旋转rotate,缩放scale
时间:2024-08-27 -
css3新增选择器
css3新增属性选择器 a)语法:元素[属性^=值]{css样式} b)语法:元素[属性$=值]{css样式}。css3新增伪类选择器 :root,li:first-child,li:last-child,li:nth-child(n),li:empty等
时间:2024-08-24 -
内减模式
内减模式(box-sizing:border-box)可以将padding和border带来的影响去掉。
时间:2024-08-24