Tabelas

Boa tarde!

Gostaria apenas de confirmar se a forma que fiz está correta. E perguntar também a respeito do "border-collapse: separate". Para que tivesse efeito, eu tive que alterar o reset.css, pois não estava reconhecendo o codigo novo. Isso não deveria ocorrer né?

            <h2 class="subtitulo-texto">Resumo</h2>

            <table>
                <thead>
                    <tr>
                        <th>Habilidade</th>
                        <th>Nível</th>
                        <th>Experiências</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <th>HTML5</th>
                        <td>Proficiente</td>
                        <td>Uso em todos os sites que desenvolvo</td>
                    </tr>
                    <tr>
                        <th>CSS3</th>
                        <td>Proficiente</td>
                        <td>Uso em todos os sites que desenvolvo</td>
                    </tr>
                    <tr>
                        <th>JavaScript</th>
                        <td>Proficiente</td>
                        <td>Uso em quase todos os sites que desenvolvo, aplicando-o de forma não-obstrutiva</td>
                    </tr>
                    <tr>
                        <th>Desing</th>
                        <td>Proficiente</td>
                        <td>Formado em web desing pela Universidade de Jacarezinho</td>
                    </tr>
                </tbody>
            </table>

table {
    border-spacing: .25em;
    border-collapse: separate;
    margin: 1em 0;
}
thead th {
    background-color: #3C1D3D;
    font-weight: bold;
    color: #FFF;
    padding: 1em;
}
tbody th {
    background-color: #851944;
    font-weight: bold;
    color: #FFF;
    padding: 1em;
}
tbody td {
    background-color: #EEE;
    padding: 1em;
}