calculator中遇到的问题

Q1：sublime 3 快速生成20个button标签？？

Q2：input type="textbox" ; input 的type属性中木有"textbox"呀？？
http://www.w3school.com.cn/tags/att_input_type.asp

Q3： //cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js
干什么用？

Q4： h1的margin 为何影响到 容器class="cal" ??

Q5： input class="text" 如何水平居中 ？
input 是 inline-block 么？？
margin: auto / text-aligin:center; 区别？？

Q6：为何对 .buttons 设置无效？ .button 设置才有效

.buttons {
    width: 40px;
    height: 35px;
}```

.button {
width: 40px;
height: 35px;
}```

<div class="buttons">
          <button class="button" value="AC">AC</button>
          <button class="button" value="CE">CE</button>
          <button class="button" value="%">%</button>
          <button class="button" value="/">/</button>```

~~Q7：想让button上下距离变大，设置margin ? 设置在 .buttons 还是在 .button 上？？~~
A7:设置在.button上

![](https://img.haomeiwen.com/i316258/60e2da74a55b7eef.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)


Q8： top: 0; left: 0; right: 0; bottom: 0; //为何要加上这个才能使整个calculator居中 ？？
position 还是不太清晰 
A8：http://www.w3school.com.cn/css/css_positioning.asp

.cal {
margin: 50px auto;
position: absolute;
top: 0; left: 0; right: 0; bottom: 0; //为何要加上这个才能使整个calculator居中 ？？
width: 400px;
height:500px;
text-align: center;
border-radius: 10px;
background-color:#c47335;
padding: 5px;
}```

Q9： button 之间的margin怎么算？
buttons的width:275px;
button的width:64.75px;margin: 2px;
http://codepen.io/liming104/pen/NjOywB?editors=0100

Q10：案例中显示结果是从右往左，而我自己写的确实从左到右，什么情况？？显示方向由什么决定？

Q11： $(".text").val(cal); 中.val()
A10：value值

Q12： var clear = false; 干什么用？
JS中设置 clear = false; 和 clear = true;作用？？

Q13： float 应用场景？How ??