这个计算器的算法比较简单，主要是为每一个键添加单击事件，然后根据单击的键来进行相应的判断和处理就可以了。在css3方面，主要用的是box-shadow和border-radius和线性渐变等效果.

在这里还用到了一个比较陌生的user-select，表示文本不能被选中，就是说下面的数字文本不能被选中。

效果演示

C

 

7 8 9

+ 4 5 6

- 1 2 3

÷ 0 .

=

x

下面贴出代码：

     
     
    
      
        
       C        
       
    
      
        
      
        
       7        
       8        
       9        
       +        
       4        
       5        
       6        
       -        
       1        
       2        
       3        
       ÷        
       0        
       .        
       =        
       x