aboutsummaryrefslogtreecommitdiff
path: root/files/ru/learn/css/css_layout/index.html
diff options
context:
space:
mode:
authorMaxim Postautov <54762420+mpstv@users.noreply.github.com>2021-05-15 20:18:35 +0300
committerGitHub <noreply@github.com>2021-05-15 20:18:35 +0300
commit157c8e0f86caf3582a78db3743447a2afacb6012 (patch)
treeaff4cbe7212fe432700f90dc737b4c743731b3ca /files/ru/learn/css/css_layout/index.html
parent713bd8ae2bc76e8b85af57b77711c6414c9ffee9 (diff)
downloadtranslated-content-157c8e0f86caf3582a78db3743447a2afacb6012.tar.gz
translated-content-157c8e0f86caf3582a78db3743447a2afacb6012.tar.bz2
translated-content-157c8e0f86caf3582a78db3743447a2afacb6012.zip
fixed incorect links (#870)
Diffstat (limited to 'files/ru/learn/css/css_layout/index.html')
-rw-r--r--files/ru/learn/css/css_layout/index.html30
1 files changed, 15 insertions, 15 deletions
diff --git a/files/ru/learn/css/css_layout/index.html b/files/ru/learn/css/css_layout/index.html
index 3f0be53aca..48ea827ad8 100644
--- a/files/ru/learn/css/css_layout/index.html
+++ b/files/ru/learn/css/css_layout/index.html
@@ -32,9 +32,9 @@ translation_of: Learn/CSS/CSS_layout
<p>Перед изучением этого раздела вы должны:</p>
<ol>
- <li>Иметь общее представление об HTML, как указано в разделе <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">Вступление в HTML</a>.</li>
- <li>Ориентироваться в основах CSS, как указано в разделе <a href="/en-US/docs/Learn/CSS/Introduction_to_CSS">Вступление в CSS</a>.</li>
- <li>Понимать, как <a href="/en-US/docs/Learn/CSS/Styling_boxes">стилизовать блочные элементы</a>.</li>
+ <li>Иметь общее представление об HTML, как указано в разделе <a href="/ru/docs/Learn/HTML/Introduction_to_HTML">Вступление в HTML</a>.</li>
+ <li>Ориентироваться в основах CSS, как указано в разделе <a href="/ru/docs/Learn/CSS/First_steps">Вступление в CSS</a>.</li>
+ <li>Понимать, как <a href="/ru/docs/Learn/CSS/Building_blocks">стилизовать блочные элементы</a>.</li>
</ol>
<div class="note">
@@ -46,39 +46,39 @@ translation_of: Learn/CSS/CSS_layout
<p>Эти разделы содержат инструкции по основным инструментам и методам вёрстки, доступным в CSS. На последнем уроке у вас будет возможность оценить понимание пройденного материала посредством вёрстки веб-страницы.</p>
<dl>
- <dt><a href="/en-US/docs/Learn/CSS/CSS_layout/Introduction">Введение в CSS вёрстку</a></dt>
+ <dt><a href="/ru/docs/Learn/CSS/CSS_layout/Introduction">Введение в CSS вёрстку</a></dt>
<dd>В этом разделе будут описаны некоторые возможности CSS вёрстки, которых мы уже касались в предыдущих модулях - различные значения {{cssxref("display")}}  — и представлены некоторые концепции, которые мы рассмотрим в этом модуле.</dd>
- <dt><a href="/en-US/docs/Learn/CSS/CSS_layout/Normal_Flow">Нормальный поток</a></dt>
+ <dt><a href="/ru/docs/Learn/CSS/CSS_layout/Normal_Flow">Нормальный поток</a></dt>
<dd>Элементы на веб-страницах размещаются в соответствии с нормальным потоком - пока мы не сделаем что-либо, чтобы это изменить. Этот раздел объясняет основы нормального потока как фундамент для изучения влияния на него.</dd>
</dl>
<dl>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox">Flexbox</a></dt>
- <dd><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_flexbox_to_lay_out_web_applications">Flexbox</a> - это метод одномерной вёрстки для размещения элементов в строках или столбцах. Элементы растягиваются, чтобы заполнить дополнительное пространство и сжимаются, чтобы поместиться в меньшее пространство. Данный раздел объясняет фундаментальные принципы.</dd>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Grids">Grids</a></dt>
+ <dt><a href="/ru/docs/Learn/CSS/CSS_layout/Flexbox">Flexbox</a></dt>
+ <dd><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox">Flexbox</a> - это метод одномерной вёрстки для размещения элементов в строках или столбцах. Элементы растягиваются, чтобы заполнить дополнительное пространство и сжимаются, чтобы поместиться в меньшее пространство. Данный раздел объясняет фундаментальные принципы.</dd>
+ <dt><a href="/ru/docs/Learn/CSS/CSS_layout/Grids">Grids</a></dt>
<dd>CSS Grid Layout - это двумерная система вёрстки для веб. Она позволяет вам размещать контент в строках и столбцах и имеет множество возможностей, которые упрощают построение сложных макетов. Этот раздел даст вам все, что нужно знать для начала работы с макетом страницы.</dd>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Floats">Floats</a></dt>
+ <dt><a href="/ru/docs/Learn/CSS/CSS_layout/Floats">Floats</a></dt>
<dd>Изначально созданное для плавающих изображений внутри текстовых блоков, свойство {{cssxref("float")}} стало одним из наиболее часто используемых инструментов для создания мульти-колоночной вёрстки веб-страниц. С появлением Flexbox и Grid оно вернулось к первоначальному предназначению, как объясняется в этом разделе.</dd>
</dl>
<dl>
- <dt><a href="/en-US/docs/Learn/CSS/CSS_layout/Positioning">Позиционирование</a></dt>
+ <dt><a href="/ru/docs/Learn/CSS/CSS_layout/Positioning">Позиционирование</a></dt>
<dd>Позиционирование позволяет вам брать элементы из нормального потока и изменять их поведение, например, заставляет находиться друг под другом или всегда оставаться в одном и том же месте внутри окна просмотра браузера. В этом разделе объясняются различные значения {{cssxref("position")}} и способы их применения.</dd>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Multiple-column_Layout">Мульти-колоночная вёрстка</a></dt>
+ <dt><a href="/ru/docs/Learn/CSS/CSS_layout/Multiple-column_Layout">Мульти-колоночная вёрстка</a></dt>
<dd>Спецификация мульти-колоночной вёрстки даёт вам способ размещения содержимого  в столбцах по аналогии с вёрсткой газет.  Этот раздел объясняет, как использовать эту возможность.</dd>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Legacy_Layout_Methods">Устаревшие методы вёрстки</a></dt>
+ <dt><a href="/en-US/docs/Learn/CSS/CSS_layout/Legacy_Layout_Methods">Устаревшие методы вёрстки</a></dt>
<dd>Grid-системы - это очень распространённая возможность, используемая в CSS layouts, и до CSS Grid Layout они, как правило, реализовывались с помощью floats или других возможностей вёрстки. Вы представляете свою вёрстку в виде заданного числа столбцов (например, 4 или 6), а затем вы помещаете содержимое в эти воображаемые столбцы. В этом разделе мы рассмотрим, как работают эти старые методы, чтобы вы понимали, как они использовались, если столкнётесь со старыми проектами.</dd>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Supporting_Older_Browsers">Поддержка старыми браузерами</a></dt>
+ <dt><a href="en-US/docs/Learn/CSS/CSS_layout/Supporting_Older_Browsers">Поддержка старыми браузерами</a></dt>
<dd>
<p>В этом модуле мы рекомендуем использовать Flexbox и Grid как основные методы вёрстки для ваших проектов. Однако, ваш сайт могут посещать со старых браузеров или браузеров, которые не поддерживают данные методы. В сети это будет всегда - по мере появления новых возможностей, для различных браузеров будут приоритетны различные вещи. Этот раздел объясняет, как использовать современные веб-технологии без блокировки пользователей со старыми технологиями.</p>
</dd>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Fundamental_Layout_Comprehension">Фундаментальное понятие вёрстки</a></dt>
+ <dt><a href="/ru/docs/Learn/CSS/CSS_layout/Fundamental_Layout_Comprehension">Фундаментальное понятие вёрстки</a></dt>
<dd>Оценка ваших знаний различных методов вёрстки посредством вёрстки веб-страницы.</dd>
</dl>
<h2 id="Смотрите_также">Смотрите также</h2>
<dl>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Practical_positioning_examples">Практические примеры позиционирования</a></dt>
+ <dt><a href="/ru/docs/Learn/CSS/CSS_layout/Practical_positioning_examples">Практические примеры позиционирования</a></dt>
<dd>Этот раздел показывает, как построить пример из реальной жизни, чтобы проиллюстрировать, что вы можете сделать при помощи позиционирования.</dd>
</dl>