* [**cursor**](https://www.w3schools.com/cssref/pr_class_cursor.asp):cursor本身支持很多**鼠标样式**,除了常用的pointer 以外还有很多。
* **自定义复选框**的思路:有一个元素总是跟复选框形影不离、息息相关,它就是<label>。**当<label> 元素与复选框关联之后,也可以起到触发开关的作用**。由于label 不是复选框那样的替换元素,我们可以为它添加生成性内容(伪元素),并基于复选框的状态来为其设置样式。然后,就可以把真正的复选框隐藏起来(但不能把它从tab 键切换焦点的队列中完全删除),再把生成性内容美化一番,用来顶替原来的复选框!
* [**resize**](https://www.w3schools.com/cssref/css3_pr_resize.asp):resize用来定义一个元素的大小是否可以被用户用过拖拽控制:
```
resize: none|both|horizontal|vertical;
```