Vlad

Спасибо всем за советы и особенно @nerv. Пока сделал на ванильном JS всё что хотел, в будущем планировал вообще на Vue.js перейти вместо jQuery. Пока нет, слишком много завязано на него, переписывать долго придётся.

Возможно вы правы, и никакой Vue тут и не нужен.

По совету форумчан для всяких динамичных крутилок и пыхтелок решил использовать Vue.js. Никогда с ним дела не имел, но из обзора понял, что штука клёвая и нужная. Пока для меня сложностью является то, что одну и ту же задачу можно решить множеством способов, но при этом понять, какой способ лучше и не таит ли каких-то подводных камней, не хватает опыта. В качестве примера сделал вот такую штуку, хочу прикрутить к справочнику CSS к большинству стилевых свойств. https://jsfiddle.net/webref/b3abxg5h/ Интересует следующее: насколько правильно сделал, можно ли проще и лучше? нужно ли использовать компоненты? Ну и вообще, приветствуются всякие советы и подсказки.

Никуда не переехало, просто закрылась группа и всё.

Больше не веду.

В одном месте Mageto написано вместо MageNto. Ещё бы посоветовал кратко описать, что это вообще такое или заявить, что статья для тех, кто в теме.

Потому что спецификация HTML так разрешает. Поскольку внутри <ol> могут быть только <li> непосредственно, то </li> добавляется автоматически с началом следующего <li> или перед </ol>.

Иногда приходится править и код HTML, к примеру, чтобы добавить выплывающее боковое меню для мобильных устройств. И тут без знания CMS довольно сложно обойтись.

Есть готовые галереи фотографий, типа http://coppermine-gallery.net, также типовые CMS вроде WordPress позволяют вставлять фотографии. Мне кажется, вам стоит начать с него, а не сразу учить PHP.

Внутрь <p> нельзя вкладывать элементы <div>. Браузер самостоятельно исправляет ошибки, закрывая <p> и ломая вашу структуру, из-за чего стили и перестают работать, поскольку вложенность элементов поменялась. Не делайте так, <p> только для текста, а не для <div>.

Вам надо использовать правило @font-face для загрузки своего шрифта. https://webref.ru/css/font-face

Обычно отступы сверху появляются из-за h1, вам надо обнулить у него верхний margin. h1 { margin-top: 0; } Или вообще margin целиком поставить в 0 и заменить его на padding. На будущее рекомендую код выкладывать в какую-нибудь песочницу, типа http://plnkr.co, тогда вам помогут быстрее.

Добавьте к форме атрибут target. <form target="_blank">

Добавьте для меню user-select: none и не будет никаких выделений.

В подобных ситуациях обычно задают стиль вначале для div, а потом нужные правила переопределяют для вложенного p.