css 性能优化小结

1、能用css不用js

1、鼠标悬浮展示

     

 

         

2、自定义radio、checkbox的样式

  

3、巧用css伪类

当input获取焦点时候，把右边的按钮改变样式

 

检测用户输入：如果用户输入不合法，将右边的按钮样式置透明度0.5

4、自定义title提示样式

5、伪元素

6、使用伪元素画一条分割线

     

7、After伪类设置清除浮动

 

8、After伪类禁用input框

9、Css计数器和after伪类

   

10、Css画一个三角形

 

三角形的画法：

画一个有边缘的三角形：

     

11、css3自适应布局单位 vm, vh

12、CSS 函数