[ru] replace old noteblock syntax with GFM syntax in learn/css fold…

…er (#22673)

* [ru] replace old noteblock syntax with GFM syntax in 'learn/css' folder

* Update files/ru/learn/css/building_blocks/backgrounds_and_borders/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

files/ru/learn/css/building_blocks/advanced_styling_effects/index.md

@@ -157,7 +157,8 @@ button:active {
 
 При нажатии на кнопку первая тень становится внутренней, чтобы создать ощущение нажатия кнопки.
 
-> **Примечание:** Есть ещё одно значение `box-shadow`, которое устанавливается перед значением свойства, — **радиус разброса**. При его использовании тень становится больше оригинального контейнера. Свойство не так часто используют, но оно стоит упоминания.
+> [!NOTE]
+> Есть ещё одно значение `box-shadow`, которое устанавливается перед значением свойства, — **радиус разброса**. При его использовании тень становится больше оригинального контейнера. Свойство не так часто используют, но оно стоит упоминания.
 
 ## Фильтры
 
@@ -188,7 +189,8 @@ button:active {
 
 Вы можете найти больше примеров смешивания на странице [blend-modes.html](http://mdn.github.io/learning-area/css/styling-boxes/advanced_box_effects/blend-modes.html) (смотрите [источник](https://github.com/mdn/learning-area/blob/master/css/styling-boxes/advanced_box_effects/blend-modes.html)) и на странице {{cssxref("<blend-mode>")}}.
 
-> **Примечание:** Смешивание относительно новое свойство, поэтому поддерживается хуже, чем фильтры. Оно совсем не поддерживается на Edge, а Safari поддерживает лишь некоторые значения свойства.
+> [!NOTE]
+> Смешивание — относительно новое свойство, поэтому поддерживается хуже, чем фильтры. Оно совсем не поддерживается на Edge, а Safari поддерживает лишь некоторые значения свойства.
 
 ### background-blend-mode
 
@@ -284,7 +286,8 @@ article div:last-child {
 
 Как видите, смешались не только фоновые изображения, но и `<div>` под ними.
 
-> **Примечание:** Не переживайте, если вы не знаете такие свойства разметки, как {{cssxref("position")}}, {{cssxref("top")}}, {{cssxref("bottom")}}, {{cssxref("z-index")}} и т. д. Мы детально рассмотрим это в модуле [CSS Layout](/ru/docs/Learn/CSS/CSS_layout).
+> [!NOTE]
+> Не переживайте, если вы не знаете такие свойства разметки, как {{cssxref("position")}}, {{cssxref("top")}}, {{cssxref("bottom")}}, {{cssxref("z-index")}} и т. д. Мы детально рассмотрим это в модуле [CSS Layout](/ru/docs/Learn/CSS/CSS_layout).
 
 ## CSS-фигуры
 
@@ -296,7 +299,8 @@ article div:last-child {
 
 Форма в этом примере не реагирует на содержание изображения. Вместо этого в центре изображения определяется центр окружности, как если бы мы начертили циркулем окружность, вписанную в изображение. Это та окружность, которую обтекает текст.
 
-> **Примечание:** В Firefox вы можете использовать [Инспектор фигур](/ru/docs/Tools/Page_Inspector/How_to/Edit_CSS_shapes), чтобы редактировать фигуры.
+> [!NOTE]
+> В Firefox вы можете использовать [Инспектор фигур](/ru/docs/Tools/Page_Inspector/How_to/Edit_CSS_shapes), чтобы редактировать фигуры.
 
 Значение `circle()` — лишь одно из нескольких базовых фигур для этого свойства, но можно и создавать формы. (Читайте [Обзор CSS-фигур](/ru/docs/Web/CSS/CSS_Shapes/Overview_of_CSS_Shapes) на MDN.)
 
@@ -315,7 +319,8 @@ article div:last-child {
 
 Если вы собираетесь использовать подобные опции, проверьте совместимость их с браузерами.
 
-> **Примечание:** Пример с `-webkit-background-clip: text` смотрите на [background-clip-text.html](http://mdn.github.io/learning-area/css/styling-boxes/advanced_box_effects/background-clip-text.html) (или [источнике](https://github.com/mdn/learning-area/blob/master/css/styling-boxes/advanced_box_effects/background-clip-text.html)).
+> [!NOTE]
+> Пример с `-webkit-background-clip: text` смотрите на [background-clip-text.html](http://mdn.github.io/learning-area/css/styling-boxes/advanced_box_effects/background-clip-text.html) (или [источнике](https://github.com/mdn/learning-area/blob/master/css/styling-boxes/advanced_box_effects/background-clip-text.html)).
 
 ## Итог
 

files/ru/learn/css/building_blocks/backgrounds_and_borders/index.md

@@ -89,7 +89,8 @@ CSS-свойство {{cssxref ("background")}} является сокраще
 
 Свойство {{cssxref ("background-position")}} позволяет вам изменять позицию, в которой фоновое изображение появляется в блоке. При этом используется система координат, в которой _левый верхний угол_ блока равен `(0,0)`, а сам блок располагается вдоль горизонтальной (`x`) и вертикальной (`y`) осей.
 
-> **Примечание:** По умолчанию значение `background-position` равно `(0,0)`.
+> [!NOTE]
+> По умолчанию значение `background-position` равно `(0,0)`.
 
 Обычно свойство `background-position` задают в виде двух последовательных значений — значение по горизонтали, за которым следует значение по вертикали.
 
@@ -155,7 +156,8 @@ CSS-свойство {{cssxref ("background")}} является сокраще
 
 Когда вы сделаете это, произойдёт наложение фоновых изображений друг на друга. Фоновые изображения будут наложены слоями, где каждое новое фоновое изображение, перечисленное в коде, будет накладываться поверх ранее указанного изображения.
 
-> **Примечание:** Градиенты можно легко смешивать с обычными фоновыми изображениями.
+> [!NOTE]
+> Градиенты можно легко смешивать с обычными фоновыми изображениями.
 
 Другие свойства `background- *` также могут иметь значения, разделённые запятыми, как и `background-image`:
 
@@ -245,7 +247,8 @@ background-position:
 }
 ```
 
-> **Примечание:** Свойства границ top, right, bottom, и left также имеют сопоставленные _логические_ свойства, которые относятся к режиму написания документа (например, текст слева направо, справа налево или сверху вниз). Мы рассмотрим их в следующем уроке, который касается [работы с разными направлениями текста](/ru/docs/CSS/Building_blocks/Handling_different_text_directions).
+> [!NOTE]
+> Свойства границ top, right, bottom, и left также имеют сопоставленные _логические_ свойства, которые относятся к режиму написания документа (например, текст слева направо, справа налево или сверху вниз). Мы рассмотрим их в следующем уроке, который касается [работы с разными направлениями текста](/ru/docs/CSS/Building_blocks/Handling_different_text_directions).
 
 **Есть множество стилей, которые вы можете использовать для границ. В приведённом ниже примере мы использовали разные стили границ для четырёх сторон моего блока. Поиграйте со стилем, шириной и цветом границы, чтобы увидеть, как они работают.**
 
@@ -285,7 +288,8 @@ background-position:
 
 {{EmbedGHLiveSample("css-examples/learn/backgrounds-borders/task.html", '100%', 555)}}
 
-> **Примечание:** вы можете посмотреть [решение](https://github.com/mdn/css-examples/blob/master/learn/solutions.md) здесь — но сначала попробуйте сделать это сами!
+> [!NOTE]
+> Вы можете посмотреть [решение](https://github.com/mdn/css-examples/blob/master/learn/solutions.md) здесь — но сначала попробуйте сделать это сами!
 
 ## Итоги