diff --git a/files/uk/web/css/index.md b/files/uk/web/css/index.md index 848a322261..2fb6689a2b 100644 --- a/files/uk/web/css/index.md +++ b/files/uk/web/css/index.md @@ -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 @@ -42,10 +43,10 @@ CSS належить до ключових мов **відкритого веб ## Підручники -Наша [зона вивчення CSS](/uk/docs/Learn/CSS) містить низку модулів, що навчають CSS з нуля, — попередні знання не потрібні. +Наша [зона вивчення CSS](/uk/docs/Learn/CSS) містить низку модулів, що навчають CSS з нуля, – попередні знання не потрібні. - [Перші кроки у CSS](/uk/docs/Learn/CSS/First_steps) - - : CSS (каскадні таблиці стилів) використовуються для стилізації та створення вебсторінок — наприклад, для зміни шрифту, кольору, розміру, інтервалів вашого контенту, поділу його на кілька стовпчиків, або додавання анімацій та інших декоративних особливостей. Цей модуль дасть м‘який початок вашому шляху до майстерності в CSS у вигляді основ того, як вони працюють, який вигляд має синтаксис, і як можна почати використовувати їх для стилізації HTML. + - : CSS (каскадні таблиці стилів) використовуються для стилізації та створення вебсторінок – наприклад, для зміни шрифту, кольору, розміру, інтервалів вашого контенту, поділу його на кілька стовпчиків, або додавання анімацій та інших декоративних особливостей. Цей модуль дасть м'який початок вашому шляху до майстерності в CSS у вигляді основ того, як вони працюють, який вигляд має синтаксис, і як можна почати використовувати їх для стилізації HTML. - [Структурні елементи CSS](/uk/docs/Learn/CSS/Building_blocks) - : Цей модуль продовжує там, де [Перші кроки у CSS](/uk/docs/Learn/CSS/First_steps) зупинились, — тепер, ознайомившись із мовою та її синтаксисом, і отримавши деякий базовий досвід її використання, пора дещо заглибитись. Цей описує каскадність та наслідування, всі доступні типи селекторів, одиниці вимірювання, розміри, стилізацію тла та меж і багато іншого. @@ -53,7 +54,7 @@ CSS належить до ключових мов **відкритого веб Його метою є надання набору інструментів для написання грамотного CSS та допомога у розумінні всієї необхідної теорії перед переходом до більш специфічних дисциплін, як-от [стилізація тексту](/uk/docs/Learn/CSS/Styling_text) та [CSS-верстання](/uk/docs/Learn/CSS/CSS_layout). - [Стилізація тексту засобами CSS](/uk/docs/Learn/CSS/Styling_text) - - : Після ознайомлення з основами мови CSS, наступною темою є стилізація тексту — одна з найбільш поширених справ, котрі доводиться робити на CSS. Тут ми розглянемо основи стилізації тексту, включно з установленням шрифту, жирності, нахилу, відступу між рядками та між літерами, тіней та інших особливостей тексту. Ми завершуємо модуль оглядом застосування власних шрифтів для вашої сторінки та стилізації списків і посилань. + - : Після ознайомлення з основами мови CSS, наступною темою є стилізація тексту – одна з найбільш поширених справ, котрі доводиться робити на CSS. Тут ми розглянемо основи стилізації тексту, включно з установленням шрифту, жирності, нахилу, відступу між рядками та між літерами, тіней та інших особливостей тексту. Ми завершуємо модуль оглядом застосування власних шрифтів для вашої сторінки та стилізації списків і посилань. - [CSS-верстання](/uk/docs/Learn/CSS/CSS_layout) - : В цій точці шляху засади CSS уже пройдені, ви вже знаєте, як стилізувати текст, і як стилізувати й маніпулювати блоками, в котрих вміщається контент. Тепер пора поглянути на те, як розташувати ці блоки на сторінці й відносно одне одного. Необхідні умови виконано, можемо заглиблюватись у CSS верстку, поглянути на різні налаштування екранів, сучасні інструменти компонування, як-от flexbox, CSS grid та позиціювання, а також на деякі застарілі техніки, про які вам все ж слід знати. - [Використовуйте CSS для подолання поширених проблем](/uk/docs/Learn/CSS/Howto) @@ -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)