Question

我花了一些时间（大约一个小时，甚至更多）来寻找我在互联网上的代码有什么问题，寻找常见的CSS陷阱等等。我猜这是一件非常愚蠢的事情，但我是HTML和CSS的新手。

CSS样式似乎没有正确应用。我应该改变什么？感谢您提前给出答案，如果我没有按照我应该的方式提出问题，请对不起（我已经多年没有在www.stackoverflow.com上发帖了（字面意思）。

到目前为止，我所拥有的全部代码如下：

＆＃13;

<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>

＆＃13;

Answer 1

CSS validator会突出显示具体问题。

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

您可以阅读有关他们的更多信息here。

CSS样式表并不完全有效

2 个答案: