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

Любой сайт состоит из блоков. Каждый блок может быть выделен тегом 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

[@user-rq4pp4ss3k]

Пожалуйста!!! Выпускай урок чаще,посмотрел все уроки хтмл подряд, а тут ждать))))))))))

[@zaminr3400]

спасибо тебе большое я целый день мучился с отступами а тут так все просто (margin) для тебя отдельное место в раю)

[@main_idler]

Посмотрел старые уроки по CSS теперь новые! Подача гораздо интересней и как то структурировано всё. Спасибо!

[@diasoralbekov6465]

Солидарен,интереснее на много

[@samuelimran3429]

pro tip : you can watch series on Kaldrostream. Been using them for watching lots of of movies these days.

[@migelonio292]

@@main_idler LOndon is capital of the Great Britain.....

[@user-mq9kt7pb2l]

Все ближе к программированию

[@ksenrix]

Спасибо ! Выражаю свою благодарность.

[@alenaivushkina1014]

отличный урок! спасибо!

[@XHuntingX]

Все понятно 👍 теперь осталось запомнить ну и практики

[@fab4key]

лучшая серия (пока смотрю)

[@user-ce2vy8lh1j]

Круто-круто!

[@piston2801]

Давай еще уроки про адаптив!!!

[@cypooboy]

У тебя есть чувство юмора, в конце ты меня рассмешил с лимоном XD

[@user-tv4nj9vx6v]

Spasibo vam

[@scahai0_0]

спс за урок ты топ

[@kirillpareev7334]

Подскажите, что можно сделать чтобы сама система не отображала кнопку на калькуляторе, как кнопку поиска? И возможно ли использовать тег button несколько раз но с разными характеристиками? Ширина, длина и т.п.

[@user-np7jz5jm9v]

класс

[@LEGENDARY192]

А как сделать так что бы эти лимончики были на одной строке? Что бы один был справа, а другой слева?

[@rufatbilalov3268]

А выпуклым лимончик сделать можно ?

[@user-gu4oo1ts1c]

Спасибо большое! Очень круто и познавательно!

[@Turcha87]

Спасибо все очень классно рассказываешь!!!

[@muratbressler6945]

здраствуйте , как вы так быстро удалили отступы в atom, какие клавиши использовали?

[@teraranime665]

что сделать, чтобы объект при добавлении внутренних отступов не менял свою форму ? , например у вас этот лимон растянулся

[@TheBigChannel_]

🙏🏻

[@YAMIGE]

Я так понял логика последовательностей значения цифр: это циферблат 12,3,6,9 часов

[@doctor_risus3941]

*Вот бы ещё вкус лимончика изменить :3*

[@Pavel_Derevyanko]

👍

[@spectorx7256]

Здравствуйте, создал такой же блок, написал там объёмный текст, думал он поместиться , а он вылазит за пределы блока, то есть часть в блоке, а часть СНИЗУ, попробовал overflow: hidden - нижняя часть текста лишь убралась, попробовал word-break: break-all - не помогло, разве такие блоки не предназначены для содержания в них текстов?

[@grovestreet2126]

для этого используются отдельные CSS стили

[@newbrunetteforhim2418]

У меня при создании второго блока, исчезает первый, остается только надпись, которая была внутри него. Скажите, пожалуйста, кто-нибудь, почему?

[@Krylowandrey]

А как под CSS объект положить другой ( что бы прозрачность верхнего объекта имела смысл)? Вообще можно задать объекту его координаты в окне браузера (не через отступы)?

[@pidoras12343]

а как текст посередине блока сделать? text-align center не работает

[@awgoodman]

У меня вопрос, как у него получается применять стили к HTML коду, если CSS не подключен в теле head?

[@ismeazey3879]

подключен, просто там скрыт код в , поэтому не видно

[@Krylowandrey]

Может ли быть несколько body в одном HTML файле?

[@bleat6333]

Какая комбинация клавишь коментирует всю строчку кода? как ты делаешь это в один клик?

[@evfrosa7093]

попробуй ctrl + /

[@Krylowandrey]

В CSS можно создавать текстуры?

[@Im_motorist]

А как сделать что бы были отступы в браущере.Когда-то я убрал его,когда учил у другого ютубера,потом забросил,вообщем как устоновить отсупы по умолчанию?

[@ismeazey3879]

Не знаю точно, не проверял, но может быть при удалении отступов( * { margin: 0; padding: 0; }) нужно вместо 0 указать другое значение, типо 20px.

[@xeither289]

☦❤💕💕🙏☦❤

[@mariiachyrva7588]

почему даже при подключенном файле css не отображаются блоки в google?

[@AnderPython-tw3kp]

Как у тебя работают стили, если ты их не подключаешь?)

[@user-um2eu1dy8t]

Магия монтажа )

[@ismeazey3879]

он подключает, просто код в теге скрыт

[@The_man_from_hell22]

А что делает display: flex; ?

[@mixgametv2373]

у меня индификатор id работает как АЙДИ как исправить?

[@mard9304]

Всем пофиг чел

[@Virusnik]

@@mard9304 говори за себя

[@SAMANUELb]

@@mard9304 чёт душно, пойду форточку открою

[@ulyanatrehubava8025]

Ребят, может кто-то знает как сделать текст внутри блока, но чтобы блок был прозрачным, а текст нет?

[@Termux-nazar-antihack-linux]

9:11

[@mixgametv2373]

у меня блок не саздактся

[@ArkiShopggg]

получилось?

[@xeither289]

БОГ ЕСТЬ ЛЮБИТЕ БОГА И СВОИХ БЛИЖНИХ!!!

[@shiroe2359]

бога нет

[@user-mr2pq8cf8e]

@@shiroe2359 тебя нет

[@shiroe2359]

@@user-mr2pq8cf8e я есть. я хожу, дышу, учусь, питаюсь, а Бог просто аымешленная фигура, с помощью которой управляют людьми

[@user-mr2pq8cf8e]

@@shiroe2359 Аллах тебя накажет

[@SAMANUELb]

@@user-mr2pq8cf8e откуда ты знаешь, что будет делать аллах? ты его заместитель или доверенное лицо?

[@salehplay572]

Первый))

[@xeither289]

ИИСУС ХРИСТОС ЕСТЬ МЕССИЯ И ОН ВОСКРЕС!!!

[@shiroe2359]

фуу гей

[@Vlad-sw4zd]

Блин,что это за наркомания? Зачем вообще может понадобиться строчный объект представлять как блок?

[@Kuznec822]

Ну может чтобы ссылке сделать больше высоту и ширину