2.计算器制作CSS部分

部分代码并非最优化设置有待后期调整并学习

*{
    margin: 0;/*去除边框白边*/
    padding:0;
}
div{
    width: 170px;
}
.jojo{
    margin-left: 15px;/*调整计算器距离*/
    padding-top: 20px;
}
#div1{
    width:200px;
    height:180px;
    background: #696969;
}
#div{
    top: 60px;/*给含有div命名的元素设置位置关系*/
    left: 100px;
    position:absolute;
}
input[type="button"]{
    width: 33px;/*给按键部分的按钮设置样式*/
    margin-right: 5px;
    border-radius: 3px;
}
input[type="text"]{
    width: 160px;/*给输入框部分的按钮输入样式*/
    font-size:20px; 
    text-align:right; /*让字体靠右边*/
    background-color: #fff;
    border:1px solid black;
}
input[type="button"]:hover{
    background: #ccc;
    border:1px solid black;
}