---
title: CSS
slug: Glossary/CSS
tags:
  - CSS
  - Glossary
  - Дизайн
translation_of: Glossary/CSS
original_slug: Глоссарий/CSS
---
<p><span class="seoSummary"><strong>CSS</strong> (Cascading Style Sheets, или каскадные таблицы стилей) - это декларативный язык, который отвечает за то, как страницы выглядят в {{glossary("browser","веб браузере")}}. </span>CSS стили содержат свойства и их значения, которые и определяют, как будет выглядеть сайт.</p>

<p>CSS одна из ключевых Web технологий, наряду с {{Glossary("HTML")}} и {{Glossary("JavaScript")}}. Как правило CSS используется для определения стилей {{Glossary("Element","HTML элементов")}}, но также может быть применён совместно с другими языками разметки, такими как {{Glossary("SVG")}} или {{Glossary("XML")}}.</p>

<p>CSS правило состоит из {{Glossary("selector","селектора")}} и набора {{Glossary("CSS Property","свойств")}} с их значениями. В этом примере все HTML параграфы будут иметь текст жёлтого цвета на чёрном фоне:</p>

<pre class="brush: css notranslate">/* Селектор "p" означает, что данное правило будет применено ко всем параграфам в документе */
p {
  /* Свойство "color" определяет цвет текста, в данном случае желтый. */
  color: yellow;

  /* Свойство "background-color" определяет цвет фона элемента, в данном случае черный. */
  background-color: black;
}</pre>

<p>"Каскадность" CSS - это правила, которые регулируют приоритет селекторов при отображении внешнего вида элементов страницы. Это очень важная особенность, поскольку сложный веб-сайт может иметь тысячи CSS-селекторов.</p>

<h2 id="Смотрите_также">Смотрите также</h2>

<h3 id="Базовые_знания">Базовые знания</h3>

<ul>
 <li><a href="/ru/docs/Learn/CSS">Изучение CSS</a></li>
 <li>{{interwiki("wikipedia", "CSS")}} в Википедии</li>
</ul>

<h3 id="Техническая_документация">Техническая документация</h3>

<ul>
 <li><a href="/ru/docs/Web/CSS">CSS документация на MDN</a></li>
 <li><a href="http://www.w3.org/Style/CSS/current-work" rel="external">Рабочая группа CSS по текущей работе</a></li>
</ul>

<h3 id="Веб-курсы_CSS">Веб-курсы CSS</h3>

<ul>
 <li><a href="http://www.codecademy.com/en/tracks/web" rel="external">Веб курсы на codecademy.com</a></li>
 <li><a href="http://www.w3schools.com/css/default.asp">Веб курсы на W3Schools</a></li>
</ul>