<section id="description">
  <p>
    <code>CSS</code> расшифровывается как <code>Cascading Style Sheets</code>, то есть <code>Каскадные таблицы стилей</code>.
  </p>
<p>В CSS есть сотни свойств, которые вы можете использовать, чтобы изменить стили отображения элементов на вашей странице. Когда вы указали <pre class="language-css"><code>&#x3C;h2 style="color: red;">CatPhotoApp&#x3C;/h2></code></pre>, вы задали стиль конкретному элементу <code>h2</code>, используя <code>inline CSS</code>. Это один из способов указать стиль элемента, но есть лучше способы применить <code>CSS</code>. В верхней части кода создайте блок <code>style</code> следующим образом: <pre class="language-html"><code> &#x3C;style> <br> &#x3C;/style> </code></pre> Внутри этого блока <code>style</code> вы можете создать стили для отдельных элементов, используя CSS-селекторы (правила поиска элементов в документе). Например, если вы хотите, чтобы все элементы <code>h2</code> были красными, вы можете добавить правило CSS, которое выглядит так: <pre class="language-html"><code>&#x3C;style>
  h2 {
    color: red;
  }
&#x3C;/style> </code></pre> 

Обратите внимание, что важно иметь как открывающиеся, так и закрывающие фигурные скобки ( <code>{</code> и <code>}</code> ) вокруг правила CSS каждого селектора. Вы также должны убедиться, что правила CSS вашего селектора находится между открывающей и закрывающей фигурной скобкой. Наконец, обязательно добавьте точку с запятой в конец каждого из правил CSS вашего селектора.</p></section>

Use CSS Selectors to Style Elements

responsive-web-design

Basic CSS

Обсуждение задания "Use CSS Selectors to Style Elements"

CatPhotoApp