background: #f7d79b;background:linear-gradient(to bottom,#f7d79b 0%,#f7d79b 50%,#F8D18C 50%,#F8D18C 75%,#F6D494 75%,#F6D494 100%);background-size:100% 4px;这里权当记录一下，下次拿来主义。
通过box-shadow来实现滚动条带有进度背景色。
ios设备竖屏切换到横屏时候，字体会发生变化的情况。用text-size-adjust : none方法可以解决此类问题。
css3展开收起导航动画，自己照猫画虎，仿的凑和用着。
CSS变量出现前，从CSS传值给JS非常困难，甚至需要借助一些Hack的手法。现在使用CSS变量，你可以直接通过JS获取变量值并进行修改：
CSS3中border-radius实现椭圆角，常规写法是border-radius:元素高度的一半。如果高度未知，请选择任意大的值（例如99em）。
css3实现渐变背景色文字，关于渐变有新老两种写法。-webkit-linear-gradient是新写法，-webkit-gradient是老式写法。
根据网页无障碍阅读指南(WCAG)准则WCAG 2.1，触摸或鼠标的最小目标尺寸应为44×44像素。大小不是固定的，可能会根据使用情况而改变。但是，44×44像素是一个很好的起点。UX设计中要遵循的重要定律。简单地说，触摸或点击目标越大，越接近，用户与其进行交互的时间越短。仅通过更改元素的宽度和高度或使用填充，并不一定总是可以增大可点击区域。好吧，不妨使用伪元素增加可点击区域。因此当我们创建具有特定宽度和高度的伪元素时，它将充当其父元素的单击/触摸/悬停区域。
