5,9K подписчиков
Статья подготовлена для студентов курса «Разработчик JavaScript» в образовательном проекте OTUS. Во frontend-разработке неизбежное зло – это вёрстка. Насколько бы навороченными не были фреймворки для построения UI, рано или поздно возникнет необходимость в вёрстке. Да и жизнь осложняется тем, что в CSS нет полифиллов, как таковых. В этой заметке разберём один популярный вопрос на собеседовании. Встретить в сети полный перечень всех способов с учётом современных возможностей непросто. Тем не менее они так или иначе присутствуют на просторах...
5 лет назад
113 подписчиков
Проверка задания 5 На уроке 10 вы получили задание: У меня получился такой результат в html-файле: На экране браузера у вас должен появиться схожий результат дизайна: Позиционирование внутренних блоков в контейнере Сегодня нашей первой задачей будет научиться упрощённо устанавливать блоки внутри контейнеров не просто вертикально друг за другом, а горизонтально как информационные блоки. Для этого наш первый контейнер <div> сделаем родственным блокам, которые помещены внутри него. Иначе браузер может воспринять блоки <p> как самостоятельные контейнеры...
4 года назад
45 подписчиков
В прошлых уроках мы подробно разбирали блочную модель вертски, как отступать блоки друг от друга, изучали поведение и расположение элементов относительно друг друга. Но как располагать элементы на странице, не влияя на расположение других блоков,  не нарушая семантику документа? Для этого существует позиционирование (position). Это правило может применять 4 значения — relative, absolute, fixed и static. В этом уроке речь пойдет о фиксированном позиционировании (position:fixed) Важно сказать, что применение одного лишь правила position недостаточно...
4 года назад