Перейти к содержимому

Как создавать и оформлять списки с помощью HTML и CSS

Kevin Powell

0:00 / 0:00

Как создавать и оформлять списки с помощью HTML и CSS

33 201 просмотр · 3 г. назад
Kevin Powell
1 млн подписчиков
33 201 просмотр · 3 г. назад
Списки — один из самых распространенных элементов на веб-сайтах, поэтому я решил провести подробное изучение списков для начинающих, рассмотрев упорядоченные и неупорядоченные списки: как их создавать, в чем разница между ними, как они оформляются по умолчанию и как можно настроить их внешний вид с помощью собственных стилей. 🔗 Ссылки ✅ Live Server для VS Code: https://marketplace.visualstudio.com/... ✅ Подробнее о внешних таблицах стилей:    • HTML & CSS for Beginners Part 9: External CSS   ✅ Сворачивание полей:    • Margin and Padding Deep Dive: Collapsing m...   ✅ Различные типы стилей списков: https://developer.mozilla.org/en-US/d... ⌚ Временные метки 00:00 - Введение 00:39 - Два наиболее распространенных типа списков 04:12 - Важность использования правильного типа списка 05:10 - Пример правильного использования 07:00 - Стиль списков по умолчанию 11:00 - Понимание и изменение отступов в списках 16:35 - Расстояние между элементами списка 18:40 - Цвета элементов списка 19:40 - Изменение значков номеров или маркеров списка с помощью list-style-type 23:00 - Замена маркера списка на пользовательское изображение 25:22 - Стилизация маркера или номера с помощью ::marker 30:22 - Чего не следует делать со списками #css -- Присоединяйтесь к другим разработчикам в моем сообществе Discord 💬   / discord   Будьте в курсе всего, чем я занимаюсь ✉ https://www.kevinpowell.co/newsletter Присоединяйтесь ко мне в прямом эфире каждый понедельник на Twitch! 📺   / kevinpowellcss   --- Поддержите мой канал! 👨‍🎓 Пройдите курс: https://www.kevinpowell.co/courses 👕 Купите футболку: https://teespring.com/stores/making-t... 💖 Поддержите меня на Patreon:   / kevinpowell   --- Мой редактор: VS Code - https://code.visualstudio.com/ --- Я также присутствую на других платформах в интернете! Если вы хотите увидеть закулисные моменты и анонсы того, что будет на моем YouTube-канале, подпишитесь на меня в Instagram и Twitter. Twitter:   / kevinjpowell   Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- И что бы вы ни делали, не забывайте делать свой уголок интернета немного круче!