Как создавать и оформлять списки с помощью 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
---
И что бы вы ни делали, не забывайте делать свой уголок интернета немного круче!