0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<p>Важнейшая часть создания любого веб-сайта - расположение элементов на странице. Это влияет на то, как пользователи будут воспринимать страницу: куда направлять взгляд, что видеть первым, какие элементы являются главными.</p>
1
<p>Важнейшая часть создания любого веб-сайта - расположение элементов на странице. Это влияет на то, как пользователи будут воспринимать страницу: куда направлять взгляд, что видеть первым, какие элементы являются главными.</p>
2
<p>Само по себе позиционирование - управление расположением элемента по осям координат x, y, z, и все инструменты, которые существуют в CSS для позиционирования, предназначены только для этого. Рассматривая каждую тему с этой стороны, становится легче применять знания на практике.</p>
2
<p>Само по себе позиционирование - управление расположением элемента по осям координат x, y, z, и все инструменты, которые существуют в CSS для позиционирования, предназначены только для этого. Рассматривая каждую тему с этой стороны, становится легче применять знания на практике.</p>
3
<p>В этом курсе мы рассмотрим базовые возможности позиционирования, известные уже много лет: работа со свойством position, float, z-index. С CSS3 появилось еще несколько фундаментальных правил, позволяющих работать с позиционированием. Такими концепциями стали flex и grid, речь о которых пойдет в отдельных курсах, ввиду большого количества материала.</p>
3
<p>В этом курсе мы рассмотрим базовые возможности позиционирования, известные уже много лет: работа со свойством position, float, z-index. С CSS3 появилось еще несколько фундаментальных правил, позволяющих работать с позиционированием. Такими концепциями стали flex и grid, речь о которых пойдет в отдельных курсах, ввиду большого количества материала.</p>
4
<h3>Практика</h3>
4
<h3>Практика</h3>
5
<p>Многие из уроков в данном курсе будут иметь практики с возможностью перехода в веб-доступ. Старайтесь не просто выполнять задание, а после успешного прохождения также экспериментируйте с кодом и возможностями, которые вы узнали.</p>
5
<p>Многие из уроков в данном курсе будут иметь практики с возможностью перехода в веб-доступ. Старайтесь не просто выполнять задание, а после успешного прохождения также экспериментируйте с кодом и возможностями, которые вы узнали.</p>
6
<p>В течение курса вы будете встречать самостоятельные задания. При необходимости вы можете попрактиковаться в задачах, представленных в заданиях. Также в них будут примеры кода, в которые можно подглядывать или просто изучать.</p>
6
<p>В течение курса вы будете встречать самостоятельные задания. При необходимости вы можете попрактиковаться в задачах, представленных в заданиях. Также в них будут примеры кода, в которые можно подглядывать или просто изучать.</p>
7
<h3>CodePen</h3>
7
<h3>CodePen</h3>
8
<p>Другая возможность применить навыки, полученные при работе с курсом - использование сервиса<a>CodePen</a>. Вы можете создать свой<strong>pen</strong>, внутри которого экспериментировать с позиционированием.</p>
8
<p>Другая возможность применить навыки, полученные при работе с курсом - использование сервиса<a>CodePen</a>. Вы можете создать свой<strong>pen</strong>, внутри которого экспериментировать с позиционированием.</p>
9
<p>Также в каждом уроке курса будут представлены примеры, которые подгружаются из<strong>CodePen</strong>. Они доступны для изучения, а также вы имеете возможность в режиме реального времени вносить правки и следить за результатом. Не упускайте такую возможность.</p>
9
<p>Также в каждом уроке курса будут представлены примеры, которые подгружаются из<strong>CodePen</strong>. Они доступны для изучения, а также вы имеете возможность в режиме реального времени вносить правки и следить за результатом. Не упускайте такую возможность.</p>
10
<p>Не забывайте постоянно практиковаться, и тогда ваши навыки позиционирования элементов позволят не задумываясь определять, где и какое позиционирование необходимо использовать в конкретной рабочей ситуации.</p>
10
<p>Не забывайте постоянно практиковаться, и тогда ваши навыки позиционирования элементов позволят не задумываясь определять, где и какое позиционирование необходимо использовать в конкретной рабочей ситуации.</p>