- 重要的相关性,设置font-size与line-height等:
- currentColor:
- inherit的应用:
- 避免不必要的媒体查询的建议:
- 合理简写(background:blue与background-color:blue的区别):
- “列表扩散规则”:
- 正则表达式:
- 半透明边框:
- 多重边框:2种方案及其优劣
- 灵活控制背景位置:3种
- 条纹背景,网格,波点,棋盘,“老式信封”,蚂蚁行军边框:
- 自适应椭圆,部分椭圆:
- 平行四边形(内容区域不变),菱形图片,切角效果,弧形切角,梯形,饼图:
- box-shadow绘制原理:
- 单侧投影,双侧投影。不规则投影
- 毛玻璃效果,折角:
- 连字符断行,插入换行,调整Tab宽度,连字,华丽的&符号,
- 文本行斑马线;
- 自定义下划线:
- 凸版印刷效果,空心字,文字外发光,文字凸起效果
- 新光标,扩大可点击区域
- 自定义复选框/单选框:
- 通过阴影弱化背景,模糊来弱化背景:
- 滚动提示:
- 交互式的图片对比控件:
- 自适应内部元素
- 精确控制表格列宽:
- 根据兄弟元素的总数来设置样式:
- 满幅的背景,定宽的内容:
- 几种垂直居中:
- 页脚紧贴底部:
- 缓动效果:
- 弹性过渡,逐帧动画,闪烁效果,状态平滑的动画,环形路径平移的动画: