Skip to content

Commit

Permalink
update(CSS): web/css (#586)
Browse files Browse the repository at this point in the history
* update(CSS): web/css

* Update files/uk/web/css/index.md

Co-authored-by: Mykola Myslovskyi <[email protected]>

Co-authored-by: Mykola Myslovskyi <[email protected]>
  • Loading branch information
undead404 and AdriandeCita authored Sep 7, 2022
1 parent 753fa49 commit 28ee95f
Showing 1 changed file with 9 additions and 8 deletions.
17 changes: 9 additions & 8 deletions files/uk/web/css/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,18 +15,19 @@ tags:
- l10n:priority
translation_of: Web/CSS
---

{{CSSRef}}

**Каскадні таблиці стилів** (**CSS**) — це мова [стилів]( docs/Web/API/StyleSheet), що використовується для задання вигляду документів, написаних мовою [HTML](/uk/docs/Web/HTML) або [XML](/uk/docs/Web/XML/XML_introduction) (включно із діалектами XML, як-от [SVG](/uk/docs/Web/SVG), [MathML](/uk/docs/Web/MathML) чи {{Glossary("XHTML")}}). CSS описує, який вигляд елементи матимуть на екрані, папері, у мовленні чи в іншому вигляді.
**Каскадні таблиці стилів** (**CSS**) — це мова [стилів](docs/Web/API/StyleSheet), що використовується для задання вигляду документів, написаних мовою [HTML](/uk/docs/Web/HTML) або [XML](/uk/docs/Web/XML/XML_introduction) (включно із діалектами XML, як-от [SVG](/uk/docs/Web/SVG), [MathML](/uk/docs/Web/MathML) чи {{Glossary("XHTML")}}). CSS описує, який вигляд елементи матимуть на екрані, папері, у мовленні чи в іншому вигляді.

CSS належить до ключових мов **відкритого вебу** і стандартизована між вебпереглядачами згідно зі [специфікаціями W3C](https://www.w3.org/Style/CSS/#specs). У минулому розробка різних частин специфікації CSS велася послідовно, що давало змогу випускати свіжі рекомендації у форматі редакцій. Ви могли чути про CSS1, CSS 2.1, CSS3. Між тим, CSS4 так і не стала офіційною редакцією.
CSS належить до ключових мов **відкритого вебу** і стандартизована між вебпереглядачами згідно зі [специфікаціями W3C](https://www.w3.org/Style/CSS/#specs). У минулому розробка різних частин специфікації CSS велася послідовно, що давало змогу випускати свіжі рекомендації у форматі редакцій. Ви могли чути про CSS1, CSS 2.1 чи навіть CSS3. Ніколи не буде жодних CSS3 чи CSS4; натомість тепер усе є просто CSS, без номера версії.

Починаючи від CSS3, обсяг специфікації помітно зростав. Прогрес різних модулів CSS почав настільки сильно відрізнятись, що стало більш ефективним [розробляти та випускати рекомендації для кожного модуля окремо](https://www.w3.org/Style/CSS/current-work). Замість оформлення редакцій специфікації CSS, W3C тепер періодично робить знімок [найсвіжішого стабільного стану специфікації CSS](https://www.w3.org/TR/css/).
Після виходу CSS2.1 обсяг специфікації помітно зростав. Прогрес різних модулів CSS почав настільки сильно відрізнятись, що стало більш ефективним [розробляти та випускати рекомендації для кожного модуля окремо](https://www.w3.org/Style/CSS/current-work). Замість оформлення редакцій специфікації CSS, W3C тепер періодично робить знімок [найсвіжішого стабільного стану специфікації CSS](https://www.w3.org/TR/css/) і поступу окремих модулів. Модулі CSS тепер мають номери версій, або рівні, як то [Модуль кольору CSS рівня 5 (англ.)](https://drafts.csswg.org/css-color-5/).

## Ключові матеріали

- Вступ до CSS
- : Якщо ви новачок у веброзробці, обовязково прочитайте нашу статтю ["основи CSS"](/uk/docs/Learn/Getting_started_with_the_web/CSS_basics), щоб дізнатися, що таке CSS та як їх використовувати.
- : Якщо ви новачок у веброзробці, обов'язково прочитайте нашу статтю ["основи CSS"](/uk/docs/Learn/Getting_started_with_the_web/CSS_basics), щоб дізнатися, що таке CSS та як їх використовувати.
- Підручники з CSS
- : Наша [зона вивчення CSS](/uk/docs/Learn/CSS) містить силу-силенну підручників, щоб допомогти на шляху від початкового до високого рівня майстерності, покриваючи усі засадничі принципи.
- Довідник з CSS
Expand All @@ -42,18 +43,18 @@ CSS належить до ключових мов **відкритого веб
## Підручники

Наша [зона вивчення CSS](/uk/docs/Learn/CSS) містить низку модулів, що навчають CSS з нуля, &mdash; попередні знання не потрібні.
Наша [зона вивчення CSS](/uk/docs/Learn/CSS) містить низку модулів, що навчають CSS з нуля, попередні знання не потрібні.

- [Перші кроки у CSS](/uk/docs/Learn/CSS/First_steps)
- : CSS (каскадні таблиці стилів) використовуються для стилізації та створення вебсторінок &mdash; наприклад, для зміни шрифту, кольору, розміру, інтервалів вашого контенту, поділу його на кілька стовпчиків, або додавання анімацій та інших декоративних особливостей. Цей модуль дасть мякий початок вашому шляху до майстерності в CSS у вигляді основ того, як вони працюють, який вигляд має синтаксис, і як можна почати використовувати їх для стилізації HTML.
- : CSS (каскадні таблиці стилів) використовуються для стилізації та створення вебсторінок наприклад, для зміни шрифту, кольору, розміру, інтервалів вашого контенту, поділу його на кілька стовпчиків, або додавання анімацій та інших декоративних особливостей. Цей модуль дасть м'який початок вашому шляху до майстерності в CSS у вигляді основ того, як вони працюють, який вигляд має синтаксис, і як можна почати використовувати їх для стилізації HTML.
- [Структурні елементи CSS](/uk/docs/Learn/CSS/Building_blocks)

- : Цей модуль продовжує там, де [Перші кроки у CSS](/uk/docs/Learn/CSS/First_steps) зупинились, — тепер, ознайомившись із мовою та її синтаксисом, і отримавши деякий базовий досвід її використання, пора дещо заглибитись. Цей описує каскадність та наслідування, всі доступні типи селекторів, одиниці вимірювання, розміри, стилізацію тла та меж і багато іншого.

Його метою є надання набору інструментів для написання грамотного CSS та допомога у розумінні всієї необхідної теорії перед переходом до більш специфічних дисциплін, як-от [стилізація тексту](/uk/docs/Learn/CSS/Styling_text) та [CSS-верстання](/uk/docs/Learn/CSS/CSS_layout).

- [Стилізація тексту засобами CSS](/uk/docs/Learn/CSS/Styling_text)
- : Після ознайомлення з основами мови CSS, наступною темою є стилізація тексту &mdash; одна з найбільш поширених справ, котрі доводиться робити на CSS. Тут ми розглянемо основи стилізації тексту, включно з установленням шрифту, жирності, нахилу, відступу між рядками та між літерами, тіней та інших особливостей тексту. Ми завершуємо модуль оглядом застосування власних шрифтів для вашої сторінки та стилізації списків і посилань.
- : Після ознайомлення з основами мови CSS, наступною темою є стилізація тексту одна з найбільш поширених справ, котрі доводиться робити на CSS. Тут ми розглянемо основи стилізації тексту, включно з установленням шрифту, жирності, нахилу, відступу між рядками та між літерами, тіней та інших особливостей тексту. Ми завершуємо модуль оглядом застосування власних шрифтів для вашої сторінки та стилізації списків і посилань.
- [CSS-верстання](/uk/docs/Learn/CSS/CSS_layout)
- : В цій точці шляху засади CSS уже пройдені, ви вже знаєте, як стилізувати текст, і як стилізувати й маніпулювати блоками, в котрих вміщається контент. Тепер пора поглянути на те, як розташувати ці блоки на сторінці й відносно одне одного. Необхідні умови виконано, можемо заглиблюватись у CSS верстку, поглянути на різні налаштування екранів, сучасні інструменти компонування, як-от flexbox, CSS grid та позиціювання, а також на деякі застарілі техніки, про які вам все ж слід знати.
- [Використовуйте CSS для подолання поширених проблем](/uk/docs/Learn/CSS/Howto)
Expand All @@ -69,7 +70,7 @@ CSS належить до ключових мов **відкритого веб
- [Одиниці вимірювання і значення CSS](/uk/docs/Web/CSS/CSS_Values_and_Units) та [функціональні нотації](/uk/docs/Web/CSS/CSS_Functions)
- [Блокова модель](/uk/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model) та [перекриття зовнішніх відступів](/uk/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing)
- [Місткий блок](/uk/docs/Web/CSS/Containing_block)
- [Контекст перекриття](/uk/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context "Контекст перекриття") та [блоково-форматований](/uk/docs/Web/Guide/CSS/Block_formatting_context "Контекст блокового форматування") контекст
- [Контекст перекриття](/uk/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context 'Контекст нагромадження') та [блоково-форматований](/uk/docs/Web/Guide/CSS/Block_formatting_context 'Контекст блокового форматування') контекст
- [Початкові](/uk/docs/Web/CSS/initial_value), [обчислені](/uk/docs/Web/CSS/computed_value), [використані](/uk/docs/Web/CSS/used_value) та [дійсні](/uk/docs/Web/CSS/actual_value) значення
- [Скорочені властивості CSS](/uk/docs/Web/CSS/Shorthand_properties)
- [Flex-верстання у CSS](/uk/docs/Web/CSS/CSS_Flexible_Box_Layout)
Expand Down

0 comments on commit 28ee95f

Please sign in to comment.