Помогите исправить ошибки!

Курсы §5. Знакомство с таблицами
1 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Испытание: итоговая таблица</title>
    </head>
    <body>
        <h1>Итоговая таблица</h1>
        <table cellpadding="5">
            <tr>
             <th style="text-align: left;
                        background-color: darkcyan;">Город</th>
             <th class="col2" style="background-color: lightblue">Посещений</th>
             <th class="col3" style="background-color: darkcyan;">%</th>
            </tr>
            <tr>
             <td class="col1">СПб</td>
             <td class="col2">199</td>
             <td class="col3">65.12</td>
            </tr>
            <tr>
             <td class="col1" style="background: lightyellow;">Москва</td>
             <td class="col2" style="background: lightyellow;">69</td>  
             <td class="col3" style="background: lightyellow;">21.3</td>
            </tr>
            <tr>
             <td class="col1">Киев</td>
             <td class="col2">5</td>
             <td class="col3">8</td>
            </tr>
            <tr>
              <td colspan="2" style="background: lightyellow;"class="col1">Посещений за весь период</td>
              <td class="col3" style="background: lightyellow;">273</td>
            </tr>
            </table>
  </body>
</html>

body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;
}
table{
border-collapse: collapse;
}
td{
height: 25px;
padding: 5px;
border-bottom: 1px solid lightgray;
width: 33%;
}
th{
color: white;
padding: 5px;
padding-left: 10px;
border-bottom: 1px solid black;
border-top: 1px solid black;
width: 33%;
height: 25px;
}
.col2{
text-align: center;
padding-left: 10px;
}
.col3{
padding-right: 10px;
text-align: right;
}
.col1{
padding-left: 10px;
}Текст "как есть" (без применения форматирования)

2

Такой способ разметки и присваивания классов плохой: у Вас смешались при одном теге классы и инлайновые стили, которые имеют такой высокий приоритет, что данные свойства внизу никак не переопределяются (пока Вы не знаете способ перебить их). + где-то цвет фона задан через background-color (и это правильно и хорошо), а где-то - просто через background. Однако background - это составное свойство, если Вы написали только цвет, это не значит, что остальные параметры не затронуты - они будут заданы по умолчанию. И ещё, зачем задавать цвет КАЖДОЙ ячейке одной строки, когда можно можно просто задать цвет 1 строке, присвоив ей класс, и все её ячейки окрасятся в тот же цвет! В общем, переделайте: прежде всего, уберите инлайновые стили в тегах разметки, и сделайте через классы.

3

Спасибо большое,попробую переделать)