Решил итоговое задание ,но стало интересно, все ли я так сделал? Не перемудрил ли с классами?Может можно было все проще расписать? Подскажите
p/s не могу понять как правильнее сюда код вставлять)
<h1>Итоговая таблица</h1>
<table>
<tr>
<th class="city" style="background-color:darkcyan; color:white"> Город</th>
<th class="visits" style="background-color:lightblue;color:white;">Посещений</th>
<th class="pct" style="background-color:darkcyan; color:white">%</th>
</tr>
<tr>
<td class="city">СПб</td>
<td class="visits">199</td>
<td class="pct">65.12</td>
</tr>
<tr class="row1">
<td class="city">Москва</td>
<td class="visits">69</td>
<td class="pct">21.3</td>
</tr>
<tr>
<td class="city">Киев</td>
<td class="visits">5</td>
<td class="pct">8</td>
</tr>
<tr class="row2">
<td colspan="2" class="city">Посещений за весь период</td>
<td class="pct" >273</td>
</tr>
</table>
table{
border-collapse: collapse;
padding: 10px;
}
th{
/border: 1px solid black;/
padding: 10px;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
td{
padding: 10px;
border-bottom: 1px solid lightgray;
width: 33%
}
.row1{
background-color: lightyellow;
}
.row2{
background-color: lightyellow;
}
.city{
text-align:left;
}
.visits{
text-align:center;
}
.pct{
text-align:right;
}