Первое испытание. Первый раз использовал все проверки.

Курсы §10. Блочная модель документа
1 
/* Базовые стили, изменять не нужно */

html, body {
margin: 0;
padding: 0;
}

body {
width: 280px;
min-height: 230px;
padding-top: 20px;
padding-left: 20px;
font-family: “Arial”, sans-serif;
font-size: 14px;
line-height: 1.5;
color: white;
background-color: #3A78A1;
background-image: url(’/assets/course9/grid.png’);
background-repeat: repeat;
background-position: -80px -80px;
}

.block {
border: 2px solid white;
background: rgba(0, 255, 255, 0.2);
}
.block1 {
width: 196px;
padding-bottom: 15px;
margin-bottom: 20px;
}
.block2 {
width: 96px;
padding: 10px 0px 25px 40px;
margin:0px 20px 20px 120px;
}
.block3 {
width: 166px;
padding: 5px;
padding-bottom: 10px;
border-width: 12px;
margin-left: 20px;
}
никак теперь не понять 100 или не 100%, но хотелось бы послушать возможно ли еще короче писать?
P.S.
Скорее всего задание на 100%, по последней проверке кнопкой “наложение” у была погрешность в 2 пикселя в последнем блоке.

2

Короче можно. Например:

padding: 5px;
padding-bottom: 10px;

это

padding: 5px 5px 10px 5px;

background-color: #3A78A1;
background-image: url('/assets/course9/grid.png');
background-repeat: repeat;
background-position: -80px -80px;

это

background: #3A78A1 url('/assets/course9/grid.png') repeat -80px -80px;

3

можно более разжовано?

4

с падингом понятно

5

Это сокращенные записи. Если в курсах еще не было, то дальше будут.

padding-top: 1px;
padding-right: 2px;
padding-bottom: 3px;
padding-left: 4px;

padding: 1px 2px 3px 4px;

Одна строчка вместо 4, значения пишутся по часовой стрелке, начиная сверху:

padding: top right bottom left;

6

С background тот же принцип

7

то есть три строчки. всё что можно сделать короче…
спасибо