hand(链接手指)
pointer(小手)
crosshair(十字体)
s-resize(箭头朝下)
move(十字箭头)
help(加一问号)
text(文字I型)
wait(漏斗)
url(“光标文件名.cur”),text(光标图案)
dotted;(点线)
dashed;(虚线)
solid;(实线)
double;(双线)
groove;(槽线)
ridge;(脊状)
inset;(凹陷)
outset;
separate 默认值。边框分开
collapse 边框会合并
inherit 继承
linear-gradient(top,red,#000)
radial-gradient(center center,red,#000)
rotate(Ndeg) 2D旋转
scale(x,y)(2D缩放)
translate(x,y)
1.属性 property
2.执行时间 durarion
3.过渡效果 timing-function
4.延迟 delay
linear 线性过渡
ease 平滑过渡
ease-in 由慢到快
ease-out 由快到慢
ease-in-out 先慢到快再到慢
cubic-bezier(0,0,0,0)特定的类型
above 上边
below 下边
left 左边
right 右边
名称 animarion-name
时间 animarion-duration
效果 animarion-timing-function
延迟 animarion-delay
循环次数 animarion-iteration-count
是否反向运动 animarion-direction
动画的状态播放||暂停 animarion-play-state:paused;暂停
动画时间之外状态 animarion-mode
-webkit-谷歌
-o-欧朋
-moz-火狐前缀
-ms- IE前缀
@media screen and (max-width:767px){
}
@media (min-width: 768px) and ( max-width: 1236px) {
}
border --> 从border显示背景;
padding --> 从padding显示背景;
content --> 从content显示背景;
line-through; /*加删除线*/
overline; (加顶线)
underline; (加下划线)
none; (删除链接下划线)
clip 修剪文本 默认
ellipsis 显示省略号
normal 忽略 默认
nowrap 文本不换行
flex-direction:row; 默认
flex-direction:row-reverse; 横向反向
flex-direction:column; 纵向
flex-direction:column-reverse;纵向反向