Тёмный

Изучение CSS для новичков / Урок #9 - Работа со списками 

Школа itProger / Программирование
Просмотров 73 тыс.
50% 1

Язык 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

Опубликовано:

 

11 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 46   
@ksenrix
@ksenrix 10 месяцев назад
Спасибо Огромное !!! Очень Понятные Уроки !!!
@user-kl2bc5ke2d
@user-kl2bc5ke2d 8 месяцев назад
он так круто объясняет коротко и ясно
@user-fc7le1sn2u
@user-fc7le1sn2u 2 месяца назад
ты прав 😎😎😎😎
@Inistrider
@Inistrider Год назад
Это красота!
@user-nj7br3nh2f
@user-nj7br3nh2f 3 года назад
Только просмотрел 8 урок, спасибо за обновленные курсы по вебу, а по PHP и Python будут обнов. курсы?
@FelixX138
@FelixX138 2 года назад
спасибо за урок =)
@y2xdy2j50
@y2xdy2j50 2 года назад
Спасибо вам большое
@doubpage3151
@doubpage3151 3 года назад
Круто🔥🔥🔥
@user-er7nh1vg4j
@user-er7nh1vg4j 7 месяцев назад
Классный урок!жалко что последний.
@user-np7jz5jm9v
@user-np7jz5jm9v 2 года назад
спасибо
@mirandal9987
@mirandal9987 Год назад
Огроооомное спасибо!! У тебя талант объяснять просто и интересно
@eyes_in_ice
@eyes_in_ice Месяц назад
Z - index ☝🤯
@TheBigChannel_
@TheBigChannel_ Год назад
🙏🏻
@Pavel_Derevyanko
@Pavel_Derevyanko 3 года назад
👍
@3dtravel291
@3dtravel291 3 года назад
не лучше ли с таблицами работать, особенно когда с PHP из БД текст выводится?
@k1ll3rsyst3m
@k1ll3rsyst3m Год назад
Таблицы неудобно адаптировать под телефоны/планшеты
@White_night_light
@White_night_light 3 года назад
Здравствуйте. У вас очень хорошие и понятные уроки. Я недавно копался, ради интереса, в коде яндекса. И там был использован display: inline-block; Можно ли использовать такой способ?
@user-yq5hz4kz4b
@user-yq5hz4kz4b 2 года назад
Поздновато, думаю вы уже нашли решение, но для "будущего поколения" напишу. Это свойство превращает объект наполовину в блочный, и наполовину в строчный элементы. То есть у него какие-то особенности блочного, какие-то строчного
@White_night_light
@White_night_light 2 года назад
@@user-yq5hz4kz4b ок, уже неактуально, но все равно интересно. Спасибо за ответы)
@user-yq5hz4kz4b
@user-yq5hz4kz4b 2 года назад
@@White_night_light Извините, но что вы подразумеваете под словом "неактуально". Для вас неактуально или для всего веба это свойство неактуально?
@White_night_light
@White_night_light 2 года назад
@@user-yq5hz4kz4b для меня конечно же) решил уйти от направления веб дизайна
@user-yq5hz4kz4b
@user-yq5hz4kz4b 2 года назад
@@White_night_light Хотел уточнить. Ну что ж, удачи вам в вашем новом направлении
@gegeggGG0
@gegeggGG0 3 года назад
мало за курс рассказал. про анимации мало говоил, этого не хватает. Ну так норм
@itproger
@itproger 3 года назад
спасибо за поддержку)
@slashdogo8063
@slashdogo8063 3 года назад
А почему нельзя span с тегами p. Или мы должны указать для разработчиков то что это список. Но в любом случае кто нибудь поясните!?
@user-yq5hz4kz4b
@user-yq5hz4kz4b 2 года назад
Так удобнее
@Inistrider
@Inistrider Год назад
0:57 FPS просело xD
@Anatoliy1790
@Anatoliy1790 Год назад
super я не понял на что повлиял border-color... ???
@user-st1xw9dq8r
@user-st1xw9dq8r Год назад
повлиял на цвет рамки(обводка) вокруг блока
@KaliCannel
@KaliCannel 2 месяца назад
Всё норм только на телефоне отображается страшно
@SunRam_
@SunRam_ Год назад
как понять логику padding: 0 20px? 5:35
@valett5229
@valett5229 11 месяцев назад
если в padding указать 2 элемента, то 1й элемент - top и bottom, а 2й элемент- left и right
@AndriiKuftachov
@AndriiKuftachov Год назад
Зачем использовать id как селектор?
@MikeMentzer09
@MikeMentzer09 Год назад
Чтобы обратиться к нему типо если текст будет внутри и были такие же копии мы могли бы обратиться именно тому элементу у которого имя подстроено под id
@AndriiKuftachov
@AndriiKuftachov Год назад
@@MikeMentzer09 зачем?
@MikeMentzer09
@MikeMentzer09 Год назад
@@AndriiKuftachov я же говорю чтобы обратиться именно тому тексту из множественных.Например ты напишешь 10 текстов внутри текст и чтобы ты обратился только к одному ты используешь id
@AndriiKuftachov
@AndriiKuftachov Год назад
@@MikeMentzer09 зачем нужно обращаться по id?
@MikeMentzer09
@MikeMentzer09 Год назад
@@AndriiKuftachov так удобнее короче говоря
@user-ce8mh4px7u
@user-ce8mh4px7u 3 года назад
4:34 Зачем нужен width?
@CentaurisNomadus
@CentaurisNomadus 3 года назад
Думаю, чтобы весь этот список находился по центру. Ведь сразу после указания ширины, Гоша также указал отступ от левой стороны в 25% от ширины экрана, то есть, и слева, и справа у нас одинаковый отступ получиться.
@user-kn5uv1zd5u
@user-kn5uv1zd5u 5 месяцев назад
спасибо
Далее
DELETE TOXICITY = 5 LEGENDARY STARR DROPS!
02:20
Просмотров 13 млн
Философия хлама #diy
01:00
Просмотров 446 тыс.
CSS Pseudo elements Before and After: Examples
11:55
Просмотров 101 тыс.
Основы CSS для Начинающих (в 2024)
19:21
DELETE TOXICITY = 5 LEGENDARY STARR DROPS!
02:20
Просмотров 13 млн