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