Итоговая таблица 23\23 - г**но код или нет?

Курсы §5. Знакомство с таблицами
1

Задача решена на 100%. Теперь возник вопрос, на сколько правильный данный подход? Или правильнее было объявить классы и описать их через CSS? Спасибо за ответы.
Html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Испытание: итоговая таблица</title>
    </head>
    <body>
        <h1>Итоговая таблица</h1>
        <table>
            <tr>
                <th style="width: 33%;" align="left">Город</th>
                <th style="width: 33%; background-color: lightblue;">Посещений</th>
                <th style="width: 33%;" align="right" >%</th>
            </tr>
            <tr>
                <td>СПб</td>
                <td align="center">199</td>
                <td align="right">65.12</td>
            </tr>
            <tr class="yellow">
                <td>Москва</td>
                <td align="center">69</td>
                <td align="right">21.3</td>
            </tr>
            <tr>
                <td>Киев</td>
                <td align="center">5</td>
                <td align="right">8</td>
            </tr>
            <tr class="yellow">
                <td colspan="2">Посещений за весь период</td>
                <td align="right">273</td>
            </tr>
        </table>
    </body>
</html>

CSS

body {
    width: 350px;
    margin: 0;
    padding: 0 10px;
    font-size: 14px;
    font-family: Arial;
}
table {
    border-collapse: collapse;
    width: 100%;
}
td {
    border-bottom: 1px solid lightgray;
    padding: 10px;
}
th {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 10px;
    color: white;
    background-color: darkcyan;
}
.yellow {
    background-color: lightyellow;
}
2

Инлайновые стили не приветствуются. Лучше через СSS.

1 лайк