From 4fbe5a0194ad7a21a5206d61845577f177b25217 Mon Sep 17 00:00:00 2001 From: Maxim Postautov <54762420+mpstv@users.noreply.github.com> Date: Thu, 15 Jul 2021 19:33:00 +0300 Subject: clean up mozilla wiki links (#1539) --- .../advanced_styling_effects/index.html | 2 +- .../backgrounds_and_borders/index.html | 14 +++--- .../cascade_and_inheritance/index.html | 36 +++++++-------- .../css/building_blocks/cascade_tasks/index.html | 2 +- .../selectors/attribute_selectors/index.html | 36 +++++++-------- .../selectors/combinators/index.html | 38 +++++++-------- .../pseudo-classes_and_pseudo-elements/index.html | 54 +++++++++++----------- .../selectors/selectors_tasks/index.html | 2 +- .../type_class_and_id_selectors/index.html | 38 +++++++-------- .../css/css_layout/responsive_design/index.html | 2 +- .../first_steps/how_css_is_structured/index.html | 4 +- .../learn/css/first_steps/how_css_works/index.html | 2 +- files/ru/learn/css/first_steps/index.html | 6 +-- .../css/styling_text/styling_links/index.html | 2 +- 14 files changed, 119 insertions(+), 119 deletions(-) (limited to 'files/ru/learn/css') diff --git a/files/ru/learn/css/building_blocks/advanced_styling_effects/index.html b/files/ru/learn/css/building_blocks/advanced_styling_effects/index.html index 59ff2e0d03..e3a1ab183e 100644 --- a/files/ru/learn/css/building_blocks/advanced_styling_effects/index.html +++ b/files/ru/learn/css/building_blocks/advanced_styling_effects/index.html @@ -293,7 +293,7 @@ article div:last-child {
Мы можем сделать обтекание содержимым непрямоугольных фигур, используя CSS-фигуры.
+Мы можем сделать обтекание содержимым непрямоугольных фигур, используя CSS-фигуры.
В примере ниже мы эффектно округлили воздушный шар. В действительности изображение прямоугольное, но с определением свойства float (по-другому формы не добавляются) и использованием свойства {{cssxref("shape-outside")}} со значением circle(50%)
, мы можем создать эффект обтекания текста.
inherit
, иначе оно действует как initial
.Мы охватили много тем в этой статье. А вы смогли запомнить наиболее важную информацию? Можете пройти несколько дополнительных тестов для того чтобы убедиться в том, что вы усвоили эту информацию, прежде чем пойдёте дальше — смотрите Test your skills: the Cascade.
+Мы охватили много тем в этой статье. А вы смогли запомнить наиболее важную информацию? Можете пройти несколько дополнительных тестов для того чтобы убедиться в том, что вы усвоили эту информацию, прежде чем пойдёте дальше — смотрите Test your skills: the Cascade.
В этом задании вам надо использовать одно из специальных значений, рассмотренных нами в разделе Контроль наследования, чтобы написать в новом правиле объявление, которое восстановит белый цвет фона без использования фактического значения цвета.
+В этом задании вам надо использовать одно из специальных значений, рассмотренных нами в разделе Контроль наследования, чтобы написать в новом правиле объявление, которое восстановит белый цвет фона без использования фактического значения цвета.
diff --git a/files/ru/learn/css/building_blocks/selectors/attribute_selectors/index.html b/files/ru/learn/css/building_blocks/selectors/attribute_selectors/index.html index 4051be5c83..d18a3aa3bb 100644 --- a/files/ru/learn/css/building_blocks/selectors/attribute_selectors/index.html +++ b/files/ru/learn/css/building_blocks/selectors/attribute_selectors/index.html @@ -18,7 +18,7 @@ original_slug: Learn/CSS/Building_blocks/Селекторы/Attribute_selectorsИтак, мы рассмотрели селекторы атрибута, и вы можете перейти к следующей статье, в которой рассказывается о псевдоклассах и псевдоэлементах.
+Итак, мы рассмотрели селекторы атрибута, и вы можете перейти к следующей статье, в которой рассказывается о псевдоклассах и псевдоэлементах.
{{PreviousMenuNext("Learn/CSS/Building_blocks/Selectors/Type_Class_and_ID_Selectors", "Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-elements", "Learn/CSS/Building_blocks")}}
Мы охватили много тем в этой статье. А вы можете вспомнить наиболее важную информацию? Можете пройти несколько дополнительных тестов для того чтобы убедиться в том, что вы усвоили эту информацию, прежде чем пойдёте дальше — смотрите Проверьте ваши навыки: Селекторы.
+Мы охватили много тем в этой статье. А вы можете вспомнить наиболее важную информацию? Можете пройти несколько дополнительных тестов для того чтобы убедиться в том, что вы усвоили эту информацию, прежде чем пойдёте дальше — смотрите Проверьте ваши навыки: Селекторы.
Это последний раздел в наших уроках по селекторам. Далее мы перейдём к другой важной части CSS — CSS модель коробки.
+Это последний раздел в наших уроках по селекторам. Далее мы перейдём к другой важной части CSS — CSS модель коробки.
{{PreviousMenuNext("Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-elements", "Learn/CSS/Building_blocks/The_box_model", "Learn/CSS/Building_blocks")}}
Все псевдоклассы ведут себя подобным образом. Они нацелены на какой-то фрагмент вашего документа, находящийся в определённом состоянии, и ведут себя так, как если бы вы добавили класс в свой HTML. Рассмотрим некоторые другие примеры в MDN:
:last-child
:only-child
:invalid
:last-child
:only-child
:invalid
<input>
, для которого значение ввода является пустым.<input>
, для которого значение ввода является пустым.dir
или свойства CSS direction
).dir
или свойства CSS direction
).Примечание: вы можете проверять решения в интерактивном редакторе, расположенном ниже, но, возможно, вам будут полезны онлайн-инструменты, такие как CodePen, jsFiddle или Glitch, которые можно использовать для работы над заданием, предварительно загрузив в них код.
- Если вы зашли в тупик, обратитесь к нам за помощью — смотрите раздел Оценка или дальнейшая помощь внизу этой страницы.
Одно из применений универсального селектора состоит в том, чтобы облегчить чтение селекторов и сделать их более удобопонятными с точки зрения того, что они делают. Например, если мы хотим выбрать элементы-потомки элемента <article>
, которые являются первыми дочерними элементами своего родителя, включая дочерние элементы самого <article>
, и сделать их шрифт жирным, мы могли бы использовать псевдокласс {{cssxref(":first-child")}}, который мы будем изучать в уроке о псевдоклассах и псевдо-элементах, как селектор-потомок вместе с селектором элемента <article>
:
Одно из применений универсального селектора состоит в том, чтобы облегчить чтение селекторов и сделать их более удобопонятными с точки зрения того, что они делают. Например, если мы хотим выбрать элементы-потомки элемента <article>
, которые являются первыми дочерними элементами своего родителя, включая дочерние элементы самого <article>
, и сделать их шрифт жирным, мы могли бы использовать псевдокласс {{cssxref(":first-child")}}, который мы будем изучать в уроке о псевдоклассах и псевдо-элементах, как селектор-потомок вместе с селектором элемента <article>
:
article :first-child { font-weight: bold; @@ -102,30 +102,30 @@ original_slug: Learn/CSS/Building_blocks/Селекторы/Type_Class_and_ID_SeВ следующей статье
-Мы продолжим изучение селекторов и рассмотрим селекторы атрибута.
+Мы продолжим изучение селекторов и рассмотрим селекторы атрибута.
{{PreviousMenuNext("Learn/CSS/Building_blocks/Selectors", "Learn/CSS/Building_blocks/Selectors/Attribute_selectors", "Learn/CSS/Building_blocks")}}
В этом модуле
-
diff --git a/files/ru/learn/css/css_layout/responsive_design/index.html b/files/ru/learn/css/css_layout/responsive_design/index.html index f7d8bdfd2b..55be5d624f 100644 --- a/files/ru/learn/css/css_layout/responsive_design/index.html +++ b/files/ru/learn/css/css_layout/responsive_design/index.html @@ -13,7 +13,7 @@ original_slug: Learn/CSS/CSS_layout/Отзывчивый_дизайн- Каскад и наследование
-- Селекторы CSS +
- Каскад и наследование
+- Селекторы CSS
-- Модель коробки (The box model)
-- Фон и границы
-- Обработка разных направлений текста
-- Переполнение содержимого
-- Значения и единицы измерения
-- Изменение размеров в CSS
-- Элементы изображений, форм и медиа-элементы
-- Стилизация таблиц
-- Отладка CSS
-- Организация вашей CSS
+- Модель коробки (The box model)
+- Фон и границы
+- Обработка разных направлений текста
+- Переполнение содержимого
+- Значения и единицы измерения
+- Изменение размеров в CSS
+- Элементы изображений, форм и медиа-элементы
+- Стилизация таблиц
+- Отладка CSS
+- Организация вашей CSS
Необходимые знания: - Основы HTML (изучите Введение в HTML), идея о том как работает CSS (изучите Введение в CSS и Устройство CSS.)
+Основы HTML (изучите Введение в HTML), идея о том как работает CSS (изучите Введение в CSS и Устройство CSS.)
diff --git a/files/ru/learn/css/first_steps/how_css_is_structured/index.html b/files/ru/learn/css/first_steps/how_css_is_structured/index.html index de6232bf67..a358eaf98b 100644 --- a/files/ru/learn/css/first_steps/how_css_is_structured/index.html +++ b/files/ru/learn/css/first_steps/how_css_is_structured/index.html @@ -42,7 +42,7 @@ original_slug: Learn/CSS/First_steps/Как_структурирован_CSS Внешняя таблица стилей
-В статье Начало работы с CSS мы связывали внешнюю таблицу стилей с нашей страницей. Это самый распространённый и полезный способ крепления CSS к документу, так вы можете привязать CSS сразу к нескольким страницам, что позволяет стилизовать их всё с той же таблицей стилей. В большинстве случаев различные страницы сайта будут выглядеть почти так же, поэтому вы можете использовать один и тот же набор правил для основного вида.
+В статье Начало работы с CSS мы связывали внешнюю таблицу стилей с нашей страницей. Это самый распространённый и полезный способ крепления CSS к документу, так вы можете привязать CSS сразу к нескольким страницам, что позволяет стилизовать их всё с той же таблицей стилей. В большинстве случаев различные страницы сайта будут выглядеть почти так же, поэтому вы можете использовать один и тот же набор правил для основного вида.
Внешняя таблица стилей - это когда у вас есть CSS отдельным файлом с расширением
@@ -521,7 +521,7 @@ padding-left: 10px;.css
, и ссылка на него из HTML-элемента<link>
:В этом модуле
-
- Что такое CSS?
+- Что такое CSS?
- Начало работы с CSS
- Как структурирован CSS
- Как работает CSS
diff --git a/files/ru/learn/css/first_steps/how_css_works/index.html b/files/ru/learn/css/first_steps/how_css_works/index.html index 2b0caf949f..f972f1a700 100644 --- a/files/ru/learn/css/first_steps/how_css_works/index.html +++ b/files/ru/learn/css/first_steps/how_css_works/index.html @@ -157,7 +157,7 @@ translation_of: Learn/CSS/First_steps/How_CSS_worksdiff --git a/files/ru/learn/css/first_steps/index.html b/files/ru/learn/css/first_steps/index.html index 8439130ac9..d49e8e44ba 100644 --- a/files/ru/learn/css/first_steps/index.html +++ b/files/ru/learn/css/first_steps/index.html @@ -21,8 +21,8 @@ translation_of: Learn/CSS/First_steps
- Что такое CSS?
- Начало работы с CSS
-- Как структурирован CSS
+- Как структурирован CSS
- Как работает CSS
- Использование ваших новых знаний
- Базовое знакомство с использованием компьютеров и пассивным использованием Интернета (то есть, просматривая его, потребляя контент).
-- Базовая рабочая среда, описанная в разделе Установка базового программного обеспечения, и понимание того, как создавать файлы и управлять ими, подробно описано в разделе Работа с файлами.
-- Основное знакомство с HTML, как описано в модуле Введение в HTML.
+- Базовая рабочая среда, описанная в разделе Установка базового программного обеспечения, и понимание того, как создавать файлы и управлять ими, подробно описано в разделе Работа с файлами.
+- Основное знакомство с HTML, как описано в модуле Введение в HTML.
@@ -36,7 +36,7 @@ translation_of: Learn/CSS/First_steps
- Что такое CSS?
- {{Glossary("CSS")}} (Каскадные таблицы стилей) позволяет создавать великолепно выглядящие веб-страницы, но как же это работает? Эта статья объясняет, что такое CSS с помощью простого примера синтаксиса, а также охватывает некоторые ключевые термины о языке.
-- Начало работы с CSS
+- Начало работы с CSS
- В этой статье мы возьмём простой HTML-документ и применим к нему CSS, изучая некоторые практические вещи о языке.
- Как структурирован CSS
- Теперь, когда у вас есть представление о том, что такое CSS и как его использовать, пришло время немного углубиться в структуру самого языка. Мы уже встречали множество концепций, обсуждаемых здесь; вы можете вернуться к этому, чтобы повторить, если вы находите какие-либо более поздние концепции запутанными.
diff --git a/files/ru/learn/css/styling_text/styling_links/index.html b/files/ru/learn/css/styling_text/styling_links/index.html index 81b8c0bfc1..70e614a24c 100644 --- a/files/ru/learn/css/styling_text/styling_links/index.html +++ b/files/ru/learn/css/styling_text/styling_links/index.html @@ -24,7 +24,7 @@ translation_of: Learn/CSS/Styling_text/Styling_linksДавайте посмотрим на некоторые ссылки
-Мы рассматривали как реализуются ссылки в вашем HTML в соответствии с лучшими практиками в Создании гиперссылок. В этой статье мы будем опираться на эти знания, показывая вам лучшие практики по оформлению ссылок.
+Мы рассматривали как реализуются ссылки в вашем HTML в соответствии с лучшими практиками в Создании гиперссылок. В этой статье мы будем опираться на эти знания, показывая вам лучшие практики по оформлению ссылок.
Состояния ссылок
-- cgit v1.2.3-54-g00ecf