css字体模糊、css禁止被文字被选中

 css字体模糊

出现字体模糊有几种可能性：

• 高度为奇数

        例如19px、21px、25px等。有些UI喜欢使用这种奇数但是又没有用2n个奇数（并无冒犯，勿喷），导致高度是奇数，出现字体模糊，可以与其沟通修改这种数据，或者给父级元素设置高度为偶数。

• 某父级元素使用了tranfrom等缩放（可能有些大屏会使用）

color: transparent;
text-shadow: #fff 0 0 5px;

css禁止被文字被选中

• visibility：hidden有占位，但不可见，绑定的事件也不生效，不可选中
• display：none从dom结构中删除，没有占位，也不可见，绑定的事件也不生效，不可选中
• color：设置透明色，有占位，但不可见，绑定事件生效，可选中，选中后可以看到文字
• user-select：none有占位，但不可见，绑定事件生效，不可选中

        有时需要利用重叠标签仿造效果，即使设置透明色，但是用户选中还是可以看到文字，又无法设置visibility或者display使其隐藏(会使事件不执行)，所以需要设置禁止文字被选中的样式

* {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}