тест по CSS

Дан HTML: 

<p>Пример текста</p>

Как сделать текст красным? 

• #p { color: red; }`

• p { color: red; }

• p { color: red; }

• * { color: red; }

Дан HTML: 

<div class="box">Контейнер</div>

Как задать ему синий фон? 

• div { background: blue; }

• .box { background: blue; } 

• #box { background: blue; }

• * { background: blue; }

Дан HTML: 

<header id="top">Шапка сайта</header>

Как сделать текст белым? 

• header { color: #222; }

• .top { color: #222; }

• #top { color: #222; }

• * { color: #222; }

Дан HTML: 

<h1>Заголовок</h1>

<p>Текст</p>

Как убрать отступы у всех элементов? 

• body { margin: 0; }

• * { margin: 0; }

• h1, p { margin: 0; }

• all { margin: 0; }

Дан HTML: 

<h2>Подзаголовок</h2>

<ul>

  <li>Пункт 1</li>

</ul>

Как сделать текст зеленым для <h2> и <li>? 

• h2 li { color: green; }

• h2, li { color: green; }

• h2 > li { color: green; }

• * { color: green; }

Дан HTML: 

<p class="alert">Внимание!</p>

Как сделать текст жирным? 

• p { font-weight: bold; }

• .alert { font-weight: bold; } 

• p.alert { font-weight: bold; }

Дан HTML: 

<section>Блок</section>

Как добавить рамку всем элементам? 

• section { border: 1px solid black; }

• * { border: 1px solid black; }

• all { border: 1px solid black; }

• [element] { border: 1px solid black; }

Дан HTML: 

<footer>Подвал</footer>

<nav>Меню</nav>

Как задать им серый фон? 

• footer nav { background: gray; }

• footer, nav { background: gray; }

• * { background: gray; }

• footer > nav { background: gray; }

Найдите ошибку в следующем CSS-коде:

p { color = blue; }

  

• Пропущена точка с запятой

• Неверный синтаксис свойства

• Нельзя стилизовать p

• Ошибка в селекторе

Найдите ошибку в следующем CSS-коде:

#header { font-size: 16px }

• 
  #header {
      font-size: 16px;
  }

• 
  header {
      font-size: 16px;
  

• 
  .header {
      font-size: 16px;
  }

• 
  #header :
      font-size: 16px;