1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
|
---
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>
|
