Изучение CSS для новичков / Урок #9 - Работа со списками
Переглядів 70,668
День томуЯзык CSS предоставляет большой набор стилей для HTML тегов. За урок мы научимся работать со списками и из обычного списка сделаем полноценное меню для сайта.
✅ Полезные ссылки:
🔫 Курс на сайте itProger: itproger.com/course/css/9
⏰ Тайм коды:
00:00 - Начало
00:17 - Свойство «z-index»
02:12 - Создание списка
03:02 - Добавляем стили и делаем меню
07:35 - Заключительная часть
✔ Сообщество программистов: itproger.com/
✔ -------------
Вступай в группу Вк - prog_life 🚀
Группа FaceBook - goo.gl/XW0aaP
Инстаграм itProger: / itproger_official
Instagram: / gosha_dudar
Telegram: t.me/itProger_official
Twitter - / goshadudar
- Уроки от #itProger 👨🏼💻
- Все уроки по хештегу #itprogerLessons
@ksenrix 8 місяців тому
Спасибо Огромное !!! Очень Понятные Уроки !!!
@Inistrider Рік тому
Это красота!
@y2xdy2j50 2 роки тому
Спасибо вам большое
@user-nj7br3nh2f 3 роки тому
Только просмотрел 8 урок, спасибо за обновленные курсы по вебу, а по PHP и Python будут обнов. курсы?
@doubpage3151 3 роки тому
Круто🔥🔥🔥
@FelixX138 Рік тому
спасибо за урок =)
@user-kl2bc5ke2d 6 місяців тому
он так круто объясняет коротко и ясно
@user-fc7le1sn2u Місяць тому
ты прав 😎😎😎😎
@mirandal9987 Рік тому
Огроооомное спасибо!! У тебя талант объяснять просто и интересно
@user-np7jz5jm9v 2 роки тому
спасибо
@TheBigChannel_ Рік тому
🙏🏻
@user-er7nh1vg4j 6 місяців тому
Классный урок!жалко что последний.
@Pavel_Derevyanko 3 роки тому
👍
@3dtravel291 2 роки тому
не лучше ли с таблицами работать, особенно когда с PHP из БД текст выводится?
@k1ll3rsyst3m Рік тому
Таблицы неудобно адаптировать под телефоны/планшеты
@White_night_light 3 роки тому
Здравствуйте. У вас очень хорошие и понятные уроки. Я недавно копался, ради интереса, в коде яндекса. И там был использован display: inline-block; Можно ли использовать такой способ?
@user-yq5hz4kz4b 2 роки тому
Поздновато, думаю вы уже нашли решение, но для "будущего поколения" напишу. Это свойство превращает объект наполовину в блочный, и наполовину в строчный элементы. То есть у него какие-то особенности блочного, какие-то строчного
@White_night_light 2 роки тому
@@user-yq5hz4kz4b ок, уже неактуально, но все равно интересно. Спасибо за ответы)
@user-yq5hz4kz4b 2 роки тому
@@White_night_light Извините, но что вы подразумеваете под словом "неактуально". Для вас неактуально или для всего веба это свойство неактуально?
@White_night_light 2 роки тому
@@user-yq5hz4kz4b для меня конечно же) решил уйти от направления веб дизайна
@user-yq5hz4kz4b 2 роки тому
@@White_night_light Хотел уточнить. Ну что ж, удачи вам в вашем новом направлении
@gegeggGG0 2 роки тому
мало за курс рассказал. про анимации мало говоил, этого не хватает. Ну так норм
@itproger 2 роки тому
спасибо за поддержку)
@Inistrider Рік тому
0:57 FPS просело xD
@slashdogo8063 3 роки тому
А почему нельзя span с тегами p. Или мы должны указать для разработчиков то что это список. Но в любом случае кто нибудь поясните!?
@user-yq5hz4kz4b 2 роки тому
Так удобнее
@Anatoliy1790 Рік тому
super я не понял на что повлиял border-color... ???
@user-st1xw9dq8r Рік тому
повлиял на цвет рамки(обводка) вокруг блока
@WBWBWBWBWB0 21 день тому
Всё норм только на телефоне отображается страшно
@SunRam_ Рік тому
как понять логику padding: 0 20px? 5:35
@valett5229 10 місяців тому
если в padding указать 2 элемента, то 1й элемент - top и bottom, а 2й элемент- left и right
@AndriiKuftachov Рік тому
Зачем использовать id как селектор?
@MikeMenther09 Рік тому
Чтобы обратиться к нему типо если текст будет внутри и были такие же копии мы могли бы обратиться именно тому элементу у которого имя подстроено под id
@AndriiKuftachov Рік тому
@@MikeMenther09 зачем?
@MikeMenther09 Рік тому
@@AndriiKuftachov я же говорю чтобы обратиться именно тому тексту из множественных.Например ты напишешь 10 текстов внутри текст и чтобы ты обратился только к одному ты используешь id
@AndriiKuftachov Рік тому
@@MikeMenther09 зачем нужно обращаться по id?
@MikeMenther09 Рік тому
@@AndriiKuftachov так удобнее короче говоря
@user-ce8mh4px7u 3 роки тому
4:34 Зачем нужен width?
@CentaurisNomadus 3 роки тому
Думаю, чтобы весь этот список находился по центру. Ведь сразу после указания ширины, Гоша также указал отступ от левой стороны в 25% от ширины экрана, то есть, и слева, и справа у нас одинаковый отступ получиться.
@user-kn5uv1zd5u 4 місяці тому
спасибо
Школа itProger / Программирование
Переглядів 45 тис.
Школа itProger / Программирование
Переглядів 100 тис.
ExileShow
Переглядів 4,6 млн
Школа itProger / Программирование
Переглядів 102 тис.
Школа itProger / Программирование
Переглядів 88 тис.
Фрілансер по життю
Переглядів 1 млн