问html表重置所有默认css

EN

 table,
 thead,
 tbody,
 tfoot,
 tr,
 th,
 td {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    border-collapse: inherit;
    border-spacing: 0;
    border-color: inherit;
    vertical-align: inherit;
    text-align: left;
    font-weight: inherit;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0;
}
th, td {
    display: inline;
}

table, thead, tbody, tfoot, th, td, tr {
  all: unset;
}

table, thead, tbody, tfoot, th, td, tr {
  all: initial;
}

<table border=1 width=100>
  <tr>
    <th>area 1</th>
    <th>area 2</th>
  </tr>
  <tr>
    <td>area</td>
    <td>area</td>
  </tr>
  <tr>
    <td>area</td>
    <td>area</td>
  </tr>
  <tr>
    <td>area</td>
    <td>area</td>

  </tr>
  <tr>
    <td>area</td>
    <td>area</td>
  </tr>
  <tr>
    <td>area</td>
    <td>area</td>
  </tr>
</table>

table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}