unslug uk: move

4 files changed, 114 insertions, 0 deletions

diff --git a/files/uk/learn/css/css_розмітка/index.html b/files/uk/learn/css/css_layout/index.html
index 14ce8f9c63..14ce8f9c63 100644
--- a/files/uk/learn/css/css_розмітка/index.html
+++ b/files/uk/learn/css/css_layout/index.html
diff --git a/files/uk/learn/css/first_steps/how_css_works/index.html b/files/uk/learn/css/first_steps/how_css_works/index.html
new file mode 100644
index 0000000000..f1ee8b66b1
--- /dev/null
+++ b/files/uk/learn/css/first_steps/how_css_works/index.html
@@ -0,0 +1,114 @@
+---
+title: What is CSS?
+slug: Web/Guide/CSS/Getting_started/What_is_CSS
+translation_of: Learn/CSS/First_steps/How_CSS_works
+translation_of_original: Web/Guide/CSS/Getting_started/What_is_CSS
+---
+<div>{{CSSTutorialTOC}}</div>
+
+<p>{{previousPage("/en-US/docs/Web/Guide/CSS/Getting_Started", "Getting started")}} <span class="seoSummary">This first section of the <a href="/en-US/docs/Web/Guide/CSS/Getting_Started" title="en/CSS/Getting Started">CSS Getting Started</a> tutorial briefly explains Cascading Style Sheets (CSS). You'll also create a simple document to use for CSS exercises in subsequent sections.</span></p>
+
+<h2 class="clearLeft" id="Інформація_Що_таке_CSS">Інформація: Що таке CSS?</h2>
+
+<p>Каскадні таблиці стилів (англ. - <em>Cascading Style Sheets </em> <dfn><abbr title="Cascading Style Sheets">CSS</abbr></dfn>) - мова, що визначає як вміст сторінки буде візуально офрмлений та представлений користувачам. Складові документу ж описують мовою розмітки, на зразок <a href="https://developer.mozilla.org/en-US/docs/Glossary/HTML">HTML</a>.</p>
+
+<p><em>Документ</em> являє собою інформацію, структуровану для подання з використанням <em>мови розмітки</em>.</p>
+
+<p><em>Presenting</em> a document to a user means converting it into a usable form for your audience. Browsers, like Firefox, Chrome or Internet Explorer, are designed to present documents visually, for example, on a computer screen, projector or printer.</p>
+
+<div class="tuto_example">
+<p><strong>Приклади</strong></p>
+
+<ul>
+ <li>A web page like the one you are reading is a document.<br>
+  The information that you see in a web page is usually structured using the markup language HTML (HyperText Markup Language).</li>
+ <li>Dialogs in an application, also called modal windows, are often documents.<br>
+  Such dialogs may also be structured using a markup language, like XUL (XML User Interface Language), which you will find in some Mozilla applications.</li>
+</ul>
+</div>
+
+<p>In this tutorial, boxes captioned <strong>Детальніше</strong> like the one below contain optional information and links to more resources on a concept or topic covered in a section. Read them as you see them, follow the links, or skip these boxes and return to read them later.</p>
+
+<div class="tuto_details">
+<div class="tuto_type">Детальніше</div>
+
+<p>Документ- це не те ж саме, що і файл. Втім, ти можеш зберегти документ у файлі.</p>
+
+<p>Документ, який ти зараз читаєш не збережений окремим файлом. Коли твій веб-браузер переходить на цю сторінку, сервер робить запит до бази данних та генерує документ, зібравши частини документу з різних фалів. Однак, в цьому уроці ти будеш працювати також і з  документами, збереженими у файлах.</p>
+
+<p>Більше інформації про документи та мови розміток ти можеш знайти в фнших розділах цього веб-сайту:</p>
+
+<table style="background-color: inherit; margin-left: 2em;">
+ <tbody>
+  <tr>
+   <td><a href="/en-US/docs/Web/HTML" title="/en-US/docs/Web/HTML">HTML</a></td>
+   <td>для веб-сторінок</td>
+  </tr>
+  <tr>
+   <td><a href="/en-US/docs/XML" title="/en-US/docs/XML">XML</a></td>
+   <td>для структурованих документів в загальному</td>
+  </tr>
+  <tr>
+   <td><a href="/en-US/docs/Web/SVG" title="/en-US/docs/Web/SVG">SVG</a></td>
+   <td>для графіки</td>
+  </tr>
+  <tr>
+   <td><a href="/en-US/docs/XUL" title="/en-US/docs/XUL">XUL</a></td>
+   <td>для інтерфейсів користувачів у браузері Mozilla</td>
+  </tr>
+ </tbody>
+</table>
+
+<p>У другій частині ціього навчального посібника ти знайдеш приклади цих мов розміток.</p>
+</div>
+
+<div class="tuto_details">
+<div class="tuto_type">Детальніше</div>
+
+<p>In formal CSS terminology, the program that presents a document to a user is called a <em>user agent</em> (UA). A browser is just one kind of UA. CSS is not just for browsers or visual presentation, but for Part I of this tutorial, you'll only work with CSS in a browser.</p>
+
+<p>For formal definitions of terminology relating to CSS, see <a class="external" href="http://www.w3.org/TR/CSS21/conform.html#q1">Definitions</a> in the CSS Specification from the World Wide Web Consortium (W3C), an international community that sets open standards for the web.</p>
+</div>
+
+<h2 id="До_роботи_Створення_документу">До роботи: Створення документу</h2>
+
+<ol>
+ <li>Створи нову паку на своєму комп'ютері для того, щоб зберігати та упорядковувати вправи з наших уроків.</li>
+ <li>Open your text editor and create a new text file. This file will contain the document for the next few tutorial exercises.</li>
+ <li>Copy and paste the HTML shown below. Save the file using the name <code>doc1.html</code>
+  <pre class="brush: html">&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+  &lt;meta charset="UTF-8"&gt;
+  &lt;title&gt;Sample document&lt;/title&gt;
+  &lt;/head&gt;
+
+  &lt;body&gt;
+    &lt;p&gt;
+      &lt;strong&gt;C&lt;/strong&gt;ascading
+      &lt;strong&gt;S&lt;/strong&gt;tyle
+      &lt;strong&gt;S&lt;/strong&gt;heets
+    &lt;/p&gt;
+  &lt;/body&gt;
+&lt;/html&gt;</pre>
+
+  <p>{{ LiveSampleLink('Action_Creating_a_document', 'View above Demo') }}</p>
+ </li>
+ <li>Open a new tab or a new window in your browser, then open the file you just created.
+  <p>You should see the text with the initial letters bold, like this:</p>
+
+  <table style="border: 2px outset #3366bb; padding: 1em;">
+   <tbody>
+    <tr>
+     <td><strong>C</strong>ascading <strong>S</strong>tyle <strong>S</strong>heets</td>
+    </tr>
+   </tbody>
+  </table>
+
+  <p>What you see in your browser might not look exactly the same because of settings in your browser and in this wiki. Some differences in the font, spacing and colors are not important.</p>
+ </li>
+</ol>
+
+<h2 id="Що_далі">Що далі?</h2>
+
+<p>{{nextPage("/en-US/docs/Web/Guide/CSS/Getting_Started/Why_use_CSS", "Why use CSS?")}}Your document does not yet use CSS. In the <a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Why_use_CSS" title="/en-US/docs/Web/Guide/CSS/Getting_Started/Why_use_CSS">next section</a> you'll use CSS to style your document.</p>
diff --git a/files/uk/learn/css/first_steps/що_таке_css/index.html b/files/uk/learn/css/first_steps/what_is_css/index.html
index a1ee6d30ea..a1ee6d30ea 100644
--- a/files/uk/learn/css/first_steps/що_таке_css/index.html
+++ b/files/uk/learn/css/first_steps/what_is_css/index.html
diff --git a/files/uk/learn/css/styling_text/стилі_списків/index.html b/files/uk/learn/css/styling_text/styling_lists/index.html
index da8f62ab84..da8f62ab84 100644
--- a/files/uk/learn/css/styling_text/стилі_списків/index.html
+++ b/files/uk/learn/css/styling_text/styling_lists/index.html