Испытание: итоговая таблица [23/23]


#1

Доброго времени суток!

Прошёл испытание на 96%, не пойму где прячутся остальные 4 :confused:
И оцените пожалуйста код по возможности =) Очень интересно мнение знающих людей.

<head>
    <meta charset="utf-8">
    <title>Испытание: итоговая таблица</title>
</head>
<body>
    <h1>Итоговая таблица</h1>
    <table>
        <tr class="headrow">
            <td class="col_gr">Город</td>
            <td class="cntr col_bl">Посещений</td>
            <td class="rr col_gr">%</td>
        </tr>
        <tr>
            <td>СПб</td>
            <td class="cntr">199</td>
            <td class="rr">65.12</td>
        </tr>
        <tr class="col_yel">
            <td>Москва</td>
            <td class="cntr">69</td>
            <td class="rr">21.3</td>
        </tr>
        <tr>
            <td>Киев</td>
            <td class="cntr">5</td>
            <td class="rr">8</td>
        </tr>
        <tr class="clryl">
            <td colspan="2">Посещений за весь период</td>
            <td class="rr">273</td>
        </tr>
    </table>
</body>

body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;
}

table {
border-collapse: collapse;
}

tr {
border-bottom: 1px solid lightgray;
}

td {
padding: 10px;
width: 33%;
}

.headrow {
border-top: 1px solid black;
border-bottom: 1px solid black;

}

.rr {
text-align: right;
}

.cntr {
text-align: center;
}

.col_gr {
background-color: darkcyan;
color: white;
}

.col_bl {
background-color: lightblue;
color: white;
}

.col_yel {
background-color: lightyellow;
}


#2

Шрифт в ячейках первой строки нужно сделать жирным.
Но, лучше ячейки первой строки сделать тегом th, у которого жирность вкл. по умолчанию.

class=“clryl” нигде не используется.
Можно добавить фоновый цвет.
Но, лучше поменять название класса на “col_yel”, в котором нужный цвет фона Вы уже определили.

Названия классов должны быть более содержательными…