1.让页面里的字体变清晰和变细
-webkit-font-smoothing: antialiased;
2.让Chrome支持小于12px 的文字
-webkit-text-size-adjust:none
3.设置元素浮动后，该元素的display值是多少？
变成display：block；
4.css多列等高如何实现
利用padding-bottom|margin-bottom正负值相抵；
设置父容器设置超出隐藏（overflow:hidden），这样子父容器的高度就还是它里面的列没有设定padding-bottom时的高度，
当它里面的任 一列高度增加了，则父容器的高度被撑到里面最高那列的高度，
其他比这列矮的列会用它们的padding-bottom补偿这部分高度差。
5.如何修改chrome记住密码后自动填充表单的黄色背景 ？
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: rgb(, , ); /* #FAFFBD; */
background-image: none;
color: rgb(, , );
}
6.::before 和 :after中双冒号和单冒号
单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。（伪元素由双冒号和伪元素名称组成）
双冒号是在当前规范中引入的，用于区分伪类和伪元素。不过浏览器需要同时支持旧的已经存在的伪元素写法，
比如:first-line、:first-letter、:before、:after等，
而新的在CSS3中引入的伪元素则不允许再支持旧的单冒号的写法。 想让插入的内容出现在其它内容前，使用::before，否者，使用::after；
在代码顺序上，::after生成的内容也比::before生成的内容靠后。
如果按堆栈视角，::after生成的内容会在::before生成的内容之上
7.手动写动画最小时间间隔
多数显示器默认频率是60Hz，即1秒刷新60次，所以理论上最小间隔为1/＊1000ms ＝ .7ms
8.display:inline-block 去除间隙？
移除空格、使用margin负值、使用font-size:、letter-spacing、word-spacing
例如：下边两个li之间会产生莫名的间隙。
<ul>
<li></li>
<li></li>
</ul>
<style>
ul{
width:100%;
}
li {
width:100%;
display:inline-block;
}
</style>
解决办法 设置ul font-size:0或line-height:0既可以
来源：https://github.com/markyun/My-blog/blob/master/Front-end-Developer-Questions/Questions-and-Answers/README.md