diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:43:23 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:43:23 -0500 |
commit | 218934fa2ed1c702a6d3923d2aa2cc6b43c48684 (patch) | |
tree | a9ef8ac1e1b8fe4207b6d64d3841bfb8990b6fd0 /files/uk/glossary/css | |
parent | 074785cea106179cb3305637055ab0a009ca74f2 (diff) | |
download | translated-content-218934fa2ed1c702a6d3923d2aa2cc6b43c48684.tar.gz translated-content-218934fa2ed1c702a6d3923d2aa2cc6b43c48684.tar.bz2 translated-content-218934fa2ed1c702a6d3923d2aa2cc6b43c48684.zip |
initial commit
Diffstat (limited to 'files/uk/glossary/css')
-rw-r--r-- | files/uk/glossary/css/index.html | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/files/uk/glossary/css/index.html b/files/uk/glossary/css/index.html new file mode 100644 index 0000000000..eeec6f5077 --- /dev/null +++ b/files/uk/glossary/css/index.html @@ -0,0 +1,48 @@ +--- +title: CSS +slug: Glossary/CSS +tags: + - CSS + - Веб + - Глосарій +translation_of: Glossary/CSS +--- +<p><span class="seoSummary"><strong>CSS</strong> (Cascading Style Sheets) це декларативна мова програмування, яка контролює зовнішній вигляд веб-сторінок у {{glossary("browser", "браузері")}}.</span> Браузер застосовує декларації стилей CSS до обраних елементів для їх коректного відображення. Декларація стиля складається з властивостей та їх значень, які обумовлюють вигляд веб-сторінки.</p> + +<p>CSS це одна із трьох ключових частин веб-технологій, разом із {{Glossary("HTML")}} та {{Glossary("JavaScript")}}. CSS зазвичай використовується для опису стилей {{Glossary("Element","HTML елементів")}}, але також може працювати із іншими мовами розмітки, такими як {{Glossary("SVG")}} чи {{Glossary("XML")}}.</p> + +<p>Правило CSS це набір {{Glossary("CSS Property","властивостей")}}, асоційованих із {{Glossary("selector", "селектором")}}. Ось приклад, який задає кожному параграфу жовтий колір тексту на чорному фоні:</p> + +<pre class="brush: css">/* Селектор "p" вказує, що правило буде застосоване для всіх параграфів на сторінці. */ +p { + /* Властивість "color" визначає колір тексту, у цьому випадку жовтий. */ + color: yellow; + + /* Властивість "background-color" визначає колір фону, у цьому разі чорний. */ + background-color: black +}</pre> + +<p>"Каскадність" це правила, за якими визначаються більш значимі селектори, ті, яким браузер віддасть приорітет при застосуванні стилей. Це дуже важливо, так як складний веб-сайт може мати тисячі правил CSS.</p> + +<h2 id="Довідатись_більше">Довідатись більше</h2> + +<h3 id="Загальні_поняття">Загальні поняття</h3> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/Learn/CSS">Вивчати CSS</a></li> + <li>{{interwiki("wikipedia", "CSS")}} на Wikipedia</li> +</ul> + +<h3 id="Технічна_інформація">Технічна інформація</h3> + +<ul> + <li><a href="/uk/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.expression-web-tutorial.com/Types_CSS_Styles.html">Три типи CSS</a></li> +</ul> |