Испытание: котокомикс [8/16]

Курсы §12. Фоны
1

Подскажите, пожалуйста, почему в блоке9 цвет фона не светло-серый, а просто белый? Ведь я в блоке прописала просто серый автоматом.

body {
width: 300px;
margin: 0;
padding: 0;
padding-top: 15px;
font-size: 0;
text-align: center;
background: white;
}

.block {
display: inline-block;
width: 90px;
height: 90px;
margin-bottom: 1px;
margin-right: 1px;
background-color: #bdc3c7;
}

.block1 { background: #000000 url("/assets/course13/cat_poo.png") no-repeat 50% 50%; }

.block2 {background: #f1c40f url("/assets/course13/cat_poo.png") no-repeat 50% 50%;)}

.block3 {background: #e74c3c url("/assets/course13/cat_hiss.png") no-repeat 50% 50%;)}

.block4 { background: #3498db url("/assets/course13/cat_walk.png") no-repeat 230% }

.block5 { background: #3498db url("/assets/course13/cat_walk.png") no-repeat -120% }

.block6{background: #27ae60 url("/assets/course13/cat_slippers.png") no-repeat 50% 50% }

.block9 {background:
url("/assets/course13/cat_grumpy.png") no-repeat -200%}

.block8 {background: #95a5a6 url("/assets/course13/cat_grumpy.png") no-repeat 150%}

2

В этом правиле нет прописанного фонового цвета. Не понимаю ваш вопрос.

3

в .block прописала фон,почему он не отображается автоматом в этом правиле?

4

Комбинированное свойство background, которое вы используете во всех правилах, находящихся ниже, затирает background-color: #bdc3c7; и меняет значение на transparent (прозрачный).
Таким образом, когда вы пишете:
background: url("/assets/course13/cat_grumpy.png") no-repeat -200%
браузер читает это как:
background: transparent url("/assets/course13/cat_grumpy.png") no-repeat -200%

2 лайка