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

Курсы
1

на проверку правильности и комментирование умелых и знающих с целью улучшения качества. предоставил html and css

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

body {
width: 350px;
margin: 0;
padding: 0 10px;

font-size: 14px;
font-family: “Arial”, sans-serif;
}

table {
border-collapse: collapse;
height: 186px;
width: 350px
}

th {
background-color: darkcyan;
border-top: 1px solid black;
border-bottom: 1px solid black;
color: white;
padding-left: 10px;
padding-right: 10px;
vertical-align: center;
}

td {
border-bottom: 1px solid lightgray;
width: 33%;
vertical-align: center;
padding-left: 10px;
padding-right: 10px;
}

.blue {
background-color: lightblue;
}

.yellow {
background-color: lightyellow;
}

4

спасибо, а то голову долго ломал.

5

Желательно в HTML стили не определять.
Попробуйте перенести их в CSS.

6

ну я просто ленив немного, а комбинацию Ctrl+C Ctrv-V не отменяли))), попробую

7

Тем более… в дальнейшем стили в CSS намного проще находить и править.

8

в данном случае я столкнулся с проблемой путаницы. Там где у меня классы “blue” and “yellow” мне надо было вставить выравнивание по горизонтали right & center ну и на th left. все это я просто оставил на последок и когда дошло дело до этого то мне уже не очень хотелось переназначать классы, после чего я просто воткнул стили в код. Но буду знать что нельзя и впредь стараться делать правильно.