指定Mobile设备或者小屏幕桌面屏幕

@media screen and (max-width:480px){}

如果一排有好几个元素，并且有的用百分比定义，有的是用像素px定义，那么对于这种混合型的宽度计算公式为：

width: calc(100%-40px); 计算宽度

 

波浪型链接

text-decoration: #FF8800  wavy ine-through;

用这个属性之后会收紧字符间的距离

text-rendering: optimizeLegibility;

可以改变按钮或者其它控件看起来类似本地的控件

-webkit-appearance: none; -webkit-appearance

美化表单校验时的提示样式

::-webkit-validation-bubble {}::-webkit-validation-bubble-message {}::-webkit-validation-bubble-arrow {}::-webkit-validation-bubble-arrow-clipper {}当提示出现时类似于下面的结构
     
      
      
      
       Error Message
      
     

 

-webkit-text-stroke可以用来给文字添加描边

-webkit-text-stroke:  1px rgba(0,0,0,0.5);

 

定义一个图片用来遮罩元素

-webkit-mask-image:  url(/path/to/mask.png);

实例：

 

local-link可以定义相对地址的链接样式

:local-link {
   font-weight: normal;}

 

更多可以参考：http://www.kqiqi.com/knowledge/program/997.html