css3实现渐变背景色文字，关于渐变有新老两种写法。-webkit-linear-gradient是新写法，-webkit-gradient是老式写法。
根据网页无障碍阅读指南(WCAG)准则WCAG 2.1，触摸或鼠标的最小目标尺寸应为44×44像素。大小不是固定的，可能会根据使用情况而改变。但是，44×44像素是一个很好的起点。UX设计中要遵循的重要定律。简单地说，触摸或点击目标越大，越接近，用户与其进行交互的时间越短。仅通过更改元素的宽度和高度或使用填充，并不一定总是可以增大可点击区域。好吧，不妨使用伪元素增加可点击区域。因此当我们创建具有特定宽度和高度的伪元素时，它将充当其父元素的单击/触摸/悬停区域。
CSS伪类:placeholder-shown在或元素显 placeholder text时生效。例如：通过:not(:placeholder-shown)来实现当用户输入搜索按钮高亮等
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-modify:read-write-plaintext-only; //-webkit-user-modify有个副作用,就是输入法不再能够输入多个字符
移动端select下拉选择设置direction: rtl;右对齐实现，select::-ms-expand { display:none; }禁用select默认箭头
在本文中，我们将使用CSS创建两个元素重叠并交织在一起的视觉效果。
appearance: none、HTML标签的label属性、label标签结合select标签使用。
HTML元素:active伪类常用于设定点击或其被激活状态下的样式。但在ios中，需要在相关的元素或者body上绑定ontouchstart事件才能使元素的:active生效。
Firefox支持无前缀的CSS属性scrollbar-color和scrollbar-width。基于WebKit / Blink的浏览器支持用于定制的非标准伪元素。
