Тёмный

Изучение CSS для новичков / Урок #7 - Стили для блоков 

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

Любой сайт состоит из блоков. Каждый блок может быть выделен тегом div или же каким-либо специальным тегом по типу: header, footer, aside, main и так далее. За урок мы научимся прописывать стили к подобным блокам.
✅ Полезные ссылки:
🔫 Курс на сайте itProger: itproger.com/course/css/7
⏰ Тайм коды:
00:00 - Начало
00:17 - Создание блока
00:42 - Добавление стилей к блоку
02:28 - Добавление обводки: «border»
06:38 - Округление углов
08:50 - Прозрачность объекта
09:41 - Внешние и внутренние отступы
15:08 - Строчный элемент в формате блока
18:35 - Заключительная часть
✔ Сообщество программистов: itproger.com/
✔ -------------
Вступай в группу Вк - prog_life 🚀
Группа FaceBook - goo.gl/XW0aaP
Инстаграм itProger: / itproger_official
Instagram: / gosha_dudar
Telegram: t.me/itProger_official
Twitter - / goshadudar
- Уроки от #itProger 👨🏼‍💻
- Все уроки по хештегу #itprogerLessons

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

 

31 май 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 64   
@zaminr3400
@zaminr3400 3 года назад
спасибо тебе большое я целый день мучился с отступами а тут так все просто (margin) для тебя отдельное место в раю)
@main_idler
@main_idler 3 года назад
Посмотрел старые уроки по CSS теперь новые! Подача гораздо интересней и как то структурировано всё. Спасибо!
@diasoralbekov6465
@diasoralbekov6465 3 года назад
Солидарен,интереснее на много
@samuelimran3429
@samuelimran3429 3 года назад
pro tip : you can watch series on Kaldrostream. Been using them for watching lots of of movies these days.
@migelonio292
@migelonio292 2 года назад
@@main_idler LOndon is capital of the Great Britain.....
@user-rq4pp4ss3k
@user-rq4pp4ss3k 3 года назад
Пожалуйста!!! Выпускай урок чаще,посмотрел все уроки хтмл подряд, а тут ждать))))))))))
@user-mq9kt7pb2l
@user-mq9kt7pb2l 3 года назад
Все ближе к программированию
@ksenrix
@ksenrix 9 месяцев назад
Спасибо ! Выражаю свою благодарность.
@XHuntingX
@XHuntingX 4 месяца назад
Все понятно 👍 теперь осталось запомнить ну и практики
@kirillpareev7334
@kirillpareev7334 2 года назад
Подскажите, что можно сделать чтобы сама система не отображала кнопку на калькуляторе, как кнопку поиска? И возможно ли использовать тег button несколько раз но с разными характеристиками? Ширина, длина и т.п.
@fab4key
@fab4key Год назад
лучшая серия (пока смотрю)
@user-ce2vy8lh1j
@user-ce2vy8lh1j Год назад
Круто-круто!
@user-tv4nj9vx6v
@user-tv4nj9vx6v 2 года назад
Spasibo vam
@piston2801
@piston2801 3 года назад
Давай еще уроки про адаптив!!!
@muratbressler6945
@muratbressler6945 Год назад
здраствуйте , как вы так быстро удалили отступы в atom, какие клавиши использовали?
@zxs_DEADinside
@zxs_DEADinside 6 месяцев назад
спс за урок ты топ
@LEGENDARY192
@LEGENDARY192 Год назад
А как сделать так что бы эти лимончики были на одной строке? Что бы один был справа, а другой слева?
@user-gu4oo1ts1c
@user-gu4oo1ts1c 6 месяцев назад
Спасибо большое! Очень круто и познавательно!
@teraranime665
@teraranime665 3 года назад
что сделать, чтобы объект при добавлении внутренних отступов не менял свою форму ? , например у вас этот лимон растянулся
@cypooboy
@cypooboy 2 года назад
У тебя есть чувство юмора, в конце ты меня рассмешил с лимоном XD
@rufatbilalov3268
@rufatbilalov3268 3 года назад
А выпуклым лимончик сделать можно ?
@user-np7jz5jm9v
@user-np7jz5jm9v 2 года назад
класс
@Krylowandrey
@Krylowandrey 5 дней назад
А как под CSS объект положить другой ( что бы прозрачность верхнего объекта имела смысл)? Вообще можно задать объекту его координаты в окне браузера (не через отступы)?
@newbrunetteforhim2418
@newbrunetteforhim2418 Год назад
У меня при создании второго блока, исчезает первый, остается только надпись, которая была внутри него. Скажите, пожалуйста, кто-нибудь, почему?
@pidoras12343
@pidoras12343 6 месяцев назад
а как текст посередине блока сделать? text-align center не работает
@doctor_risus3941
@doctor_risus3941 2 года назад
*Вот бы ещё вкус лимончика изменить :3*
@Krylowandrey
@Krylowandrey 5 дней назад
Может ли быть несколько body в одном HTML файле?
@spectorx7256
@spectorx7256 3 года назад
Здравствуйте, создал такой же блок, написал там объёмный текст, думал он поместиться , а он вылазит за пределы блока, то есть часть в блоке, а часть СНИЗУ, попробовал overflow: hidden - нижняя часть текста лишь убралась, попробовал word-break: break-all - не помогло, разве такие блоки не предназначены для содержания в них текстов?
@grovestreet2126
@grovestreet2126 3 месяца назад
для этого используются отдельные CSS стили
@YAMIGE
@YAMIGE 2 года назад
Я так понял логика последовательностей значения цифр: это циферблат 12,3,6,9 часов
@TheBigChannel_
@TheBigChannel_ Год назад
🙏🏻
@Krylowandrey
@Krylowandrey 5 дней назад
В CSS можно создавать текстуры?
@Pavel_Derevyanko
@Pavel_Derevyanko 3 года назад
👍
@Im_motorist
@Im_motorist 11 месяцев назад
А как сделать что бы были отступы в браущере.Когда-то я убрал его,когда учил у другого ютубера,потом забросил,вообщем как устоновить отсупы по умолчанию?
@ismeazey3879
@ismeazey3879 11 месяцев назад
Не знаю точно, не проверял, но может быть при удалении отступов( * { margin: 0; padding: 0; }) нужно вместо 0 указать другое значение, типо 20px.
@mariiachyrva7588
@mariiachyrva7588 5 месяцев назад
почему даже при подключенном файле css не отображаются блоки в google?
@awgoodman
@awgoodman Год назад
У меня вопрос, как у него получается применять стили к HTML коду, если CSS не подключен в теле head?
@ismeazey3879
@ismeazey3879 11 месяцев назад
подключен, просто там скрыт код в , поэтому не видно
@The_man_from_hell22
@The_man_from_hell22 5 месяцев назад
А что делает display: flex; ?
@bleat6333
@bleat6333 Год назад
Какая комбинация клавишь коментирует всю строчку кода? как ты делаешь это в один клик?
@evfrosa7093
@evfrosa7093 Год назад
попробуй ctrl + /
@ulyanatrehubava8025
@ulyanatrehubava8025 20 дней назад
Ребят, может кто-то знает как сделать текст внутри блока, но чтобы блок был прозрачным, а текст нет?
@mixgametv2373
@mixgametv2373 2 года назад
у меня индификатор id работает как АЙДИ как исправить?
@mard9304
@mard9304 2 года назад
Всем пофиг чел
@Virusnik
@Virusnik Год назад
@@mard9304 говори за себя
@SAMANUELb
@SAMANUELb 10 месяцев назад
@@mard9304 чёт душно, пойду форточку открою
@AnderPython-tw3kp
@AnderPython-tw3kp Год назад
Как у тебя работают стили, если ты их не подключаешь?)
@user-um2eu1dy8t
@user-um2eu1dy8t 11 месяцев назад
Магия монтажа )
@ismeazey3879
@ismeazey3879 11 месяцев назад
он подключает, просто код в теге скрыт
@xeither289
@xeither289 2 года назад
☦❤💕💕🙏☦❤
@Termux-nazar-antihack-linux
@Termux-nazar-antihack-linux 6 месяцев назад
9:11
@mixgametv2373
@mixgametv2373 2 года назад
у меня блок не саздактся
@ArkiShopggg
@ArkiShopggg 2 года назад
получилось?
@xeither289
@xeither289 2 года назад
БОГ ЕСТЬ ЛЮБИТЕ БОГА И СВОИХ БЛИЖНИХ!!!
@shiroe2359
@shiroe2359 2 года назад
бога нет
@user-mr2pq8cf8e
@user-mr2pq8cf8e 2 года назад
@@shiroe2359 тебя нет
@shiroe2359
@shiroe2359 2 года назад
@@user-mr2pq8cf8e я есть. я хожу, дышу, учусь, питаюсь, а Бог просто аымешленная фигура, с помощью которой управляют людьми
@user-mr2pq8cf8e
@user-mr2pq8cf8e 2 года назад
@@shiroe2359 Аллах тебя накажет
@SAMANUELb
@SAMANUELb 10 месяцев назад
@@user-mr2pq8cf8e откуда ты знаешь, что будет делать аллах? ты его заместитель или доверенное лицо?
@xeither289
@xeither289 2 года назад
ИИСУС ХРИСТОС ЕСТЬ МЕССИЯ И ОН ВОСКРЕС!!!
@shiroe2359
@shiroe2359 2 года назад
фуу гей
@salehplay572
@salehplay572 3 года назад
Первый))
@Vlad-sw4zd
@Vlad-sw4zd 2 года назад
Блин,что это за наркомания? Зачем вообще может понадобиться строчный объект представлять как блок?
@Kuznec822
@Kuznec822 5 месяцев назад
Ну может чтобы ссылке сделать больше высоту и ширину
Далее
Learn CSS margins in 5 minutes! ↔️
5:14
Просмотров 37 тыс.
The Worlds Most Powerfull Batteries !
00:48
Просмотров 7 млн
ИМПРОВИЗАТОРЫ | Нам 8 лет
1:57:59
Просмотров 366 тыс.
МЯСНОЙ ЦЕХ - Страшилки Minecraft
37:24
ASMR Programming - Calculator App Coding - No Talking
34:06
The Worlds Most Powerfull Batteries !
00:48
Просмотров 7 млн