整理:
1.cursor: not-allowed;红色圆圈斜线:禁止操作。
2.white-space:nowrap; 字符不准换行。
text-overflow:ellipsis;当文字超出显示范围的时候以省略号处理
3.pointer-events 鼠标穿透遮罩层操作下层元素
4.str.slice(0,-2);截取最后两位之前的所有;
5.XX.focus();焦点
6.阴影:box-shadow:1px 2px 3px 4px #ccc inset; //inset 设置为内阴影(如果不写这个值,默认为外阴影);
7.渐变background: linear-gradient(#141414,#1A1A1A); //=2个颜色的直线(默认上下)平滑渐变,可通过设置角度设置方向,比如linear-gradient(90deg,#141414,#1A1A1A);//左右
radial-gradient(径性渐变)。
8.透明度:
opacity 设置div的透明度 transparent 是设置color的透明度
9.动画:
transform: translate3d(0, -100%, 0);
10.transition: 2s //过渡时间
11.div的鼠标移入变小手可以直接加给div,不用通过:hover。
.div1:hover .div2 --鼠标放到div1时操作div2
12.js中字符串格式化:`内容 换行啥的都可以`--键盘1左边
注意事项:
1.用line-through作为删除线的时候,默认在文字的中下位置,为了美观,此处使用上/下边框,然后用定位调整位置,与文字拼合到一起实现效果。
2.icon
3.俩个div相互显示隐藏时,如果定时器没有完成,可能会出现闪烁的问题,可以将默认显示的div用透明度操作。
4.截取字符串,通过定时器进行运算赋值的时候,同时取整(不然只能进行++/--运算,否则会成为字符串拼接)截取位数时为避免重复进入定时器最好使用str.slice();
5.一条“有质感”的分割线可由一道背景色比背景色深的线和一条白线实现
6.for循环内不能套function。
转载于:https://www.cnblogs.com/flypea93/p/8853176.html