CSS样式表无法完全正常工作

Question

我花了一些时间（大约一个小时，可能甚至更多）来查找Internet上的代码出了什么问题，寻找常见的CSS陷阱等。我的猜测是很愚蠢的，但是我是HTML新手和CSS。

CSS样式似乎无法正确应用。 我应该改变什么？ 谢谢您预先提供的答案，如果我没有按照我的应有的方式问这个问题，我很抱歉（多年来（从字面上看，我还没有在www.stackoverflow.com上发帖）。

接下来是我到目前为止的全部代码：

 <html> <head> <script> </script> <style> *{ margin:0; padding:0; } .button{ width:50; height:50; font-size:25; margin:2; cursor:pointer; } .textview{ width:217; margin:5; font-size:25px; padding:5; } </style> </head> <body> <div class="main"> <form name = "form"> <input class="textview"> </form> <table> <tr> <td><input class="button" type="button" value="C"></td> <td><input class="button" type="button" value="<"></td> <td><input class="button" type="button" value="/"></td> <td><input class="button" type="button" value="X"></td> </tr> <tr> <td><input class="button" type="button" value="7"></td> <td><input class="button" type="button" value="8"></td> <td><input class="button" type="button" value="9"></td> <td><input class="button" type="button" value="-"></td> </tr> <tr> <td><input class="button" type="button" value="4"></td> <td><input class="button" type="button" value="5"></td> <td><input class="button" type="button" value="6"></td> <td><input class="button" type="button" value="+"></td> </tr> <tr> <td><input class="button" type="button" value="1"></td> <td><input class="button" type="button" value="2"></td> <td><input class="button" type="button" value="3"></td> <td><input class="button" type="button" value="="></td> </tr> <tr> <td><input class="button" type="button" value="1"></td> <td><input class="button" type="button" value="2"></td> <td><input class="button" type="button" value="3"></td> <td><input class="button" type="button" value="+"></td> </tr> </table> </div> </body> </html>

Answer 1

CSS验证器将突出显示具体问题。

在CSS中，长度需要一个单位（例如px ， em ， %或vh ），并且大多数都是数字。

Answer 2

样式表中的某些属性缺少该单元。

您可以尝试以下方法：

* {
    margin: 0;
    padding: 0;
}

.button {
    width: 50px;
    height: 50px;
    font-size: 25px;
    margin: 2px;
    cursor: pointer;
}

.textview {
    width: 217px;
    margin: 5px;
    font-size: 25px;
    padding: 5px;
}

第一个margin和padding属性不需要单位的原因是因为它们的值为0 ，因此该单位是不必要的，尽管您仍然可以根据需要添加它。

以下是所有现有单位的列表：

em, ex, %, px, cm, mm, in, pt, pc, ch, rem, vh, vw, vmin, vmax

您可以在此处阅读有关它们的更多信息。

CSS样式表无法完全正常工作

问题描述

2 个解决方案

解决方案1
4 已采纳 2018-05-14 22:20:48

解决方案2
0 2018-05-14 22:26:27

CSS样式表无法完全正常工作

问题描述

2 个解决方案

解决方案1 4 已采纳 2018-05-14 22:20:48

解决方案2 0 2018-05-14 22:26:27

解决方案1
4 已采纳 2018-05-14 22:20:48

解决方案2
0 2018-05-14 22:26:27