#22 Основные свойства CSS на блочных и строчных объектах [Курс по Верстке от AROKEN]

  Рет қаралды 17,942

Арокен.ру

Арокен.ру

2 жыл бұрын

👋 Привет! Это курс по верстке от Арокен.ру!
В этом курсе ты обучишься основам верстки, поймешь, как создавать сайты и сделаешь свой собственный крутой проект!
👨‍💻 Материалы курса (верстка и макеты):
Яндекс.Диск - disk.yandex.ru/d/sPwFI1parDsGSA
💥 Основной канал - / @arokenez
✈️ Телеграм - t.me/moodaroken
🖥 Бесплатное сообщество - t.me/arokenru
📜 Группа ВКонтакте - aroken
🔥 Мой сайт AROKEN.RU - aroken.ru
📩 Мой Телеграм Бот - t.me/aroken_bot
🙋‍♂️ Мой блог - t.me/arokendays
⚠️ Осторожно! После прохождения курса ты рискуешь научиться создавать удобные сайты и ворваться в развивающийся айти рынок!
❓ Остались вопросы? Нет мотивации и уверенности в обучении? Пиши в наше бесплатное сообщество в телеграмме!
Там опытные ребята помогут тебе разобраться в проблеме!
👨‍🏫 Преподаватель курса - выпускник Личного Менторства (ныне Премиум) (aroken.ru) и ныне участник команды АроКод: Никита Бёркхардт.

Пікірлер: 41
@avealtanaes1703
@avealtanaes1703 Жыл бұрын
"Это я скрою от греха подальше а это раскрою к греху... Поближе"... XD
@fortnite20261
@fortnite20261 18 күн бұрын
щас мы будем творить хаос
@user-xm5bi7oo8o
@user-xm5bi7oo8o Жыл бұрын
Все свойства из видео! 🔥 box-sizing - отвечает за влияние padding`ов на размер элемента, в случае border-box, padding при расчёте ширины и высоты будет включаться в размеры, в случае же со значением content-box padding включен не будет. margin - внешний отступ от элемента. не работает на inline элементах. при контакте двух соседний происходит "схлопывание марджинов" где больший будет замещать меньшего. padding - внутренний отступ элемента. также не работает на inline элементах. min-width - минимальная допустимая ширина для блочных элементов. max-width - максимально допустимая ширина для блочных элементов. min-height - минимальная допустимая высота блочного элемента. max-height - максимальная допустимая высота блочного элемента. overflow - это свойство влияет на отображение "лишнего" контента, который вылазит за границы блока. scroll - добавляет 2 скролла, вне зависимости от их необходимости, auto - добавляет scroll`ы по необходимости, hidden - прячет лишний контент. display - влияет на саму суть элемента. block - блочный элемент. inlnine - инлайн элемент. inline-block гибрид обеих вариантов, но менее "жадный" потому что не занимает всю часть пространства, как это делает block. border - отвечает за границу элемента. Имеет различные стайлы, цвета, настраиваемую ширину, а также место где будет находиться сам border (например внизу, bottom) box-shadow - работает также как и text-shadow, но на блоке. opacity - прозрачность блока, при нулевой прозрачности можно выделять элементы на сайте и просматривать их через ПКМ. visibility - значение hidden убирает элемент со страницы, оставляя лишь пустое пространство за ним.
@arokenru
@arokenru Жыл бұрын
Жестко) Спасибо тебе. Молодец!
@beebee-sn9sb
@beebee-sn9sb Жыл бұрын
margin-left , margin-right, работаю же на строчных?
@user-xm5bi7oo8o
@user-xm5bi7oo8o Жыл бұрын
@@beebee-sn9sb марджины вообще не работают на строчных элементах как и паддинги, советую прогуглить эту тему потому что видно что ты немного не разобрался что margin: 0 0 0 0 и margin: left/right/bottom/top одно и тоже, короче броу гугли ♥
@beebee-sn9sb
@beebee-sn9sb Жыл бұрын
@@user-xm5bi7oo8o я понимаю что это одно и тоже. Margin lefi/right работают
@user-xm5bi7oo8o
@user-xm5bi7oo8o Жыл бұрын
@@beebee-sn9sb в таком случае я не знаю, сорян :D
@Anton9y108
@Anton9y108 Жыл бұрын
Ничего не понятно, но очень интересно
@stellarspace5823
@stellarspace5823 Жыл бұрын
Сколько информации. Спасибо автору)))
@arokenru
@arokenru Жыл бұрын
Спасибо за обратную связь
@jakemccoy8336
@jakemccoy8336 Жыл бұрын
Лучшие!
@user-ed9oq7ii8s
@user-ed9oq7ii8s 2 жыл бұрын
29:23 непризнанный гений)
@arokenru
@arokenru 2 жыл бұрын
Ахахаха)
@evgeniystarkov7006
@evgeniystarkov7006 Жыл бұрын
Огонь! Спасибо!
@6eccmepthbiu791
@6eccmepthbiu791 Жыл бұрын
40:28 я минут 10 назад поплыл))
@granxx8037
@granxx8037 Жыл бұрын
ммм переполнение Overflow мой любимый хентай
@user-qy7oe4zq5f
@user-qy7oe4zq5f 11 ай бұрын
если я не ошибаюсь, то в тексте выбирается максимальная ширина, и минимальная высота, в картинке все тоже самое, но наоборот
@Flezzytop2
@Flezzytop2 2 ай бұрын
15:48
@user-yk9to8ed9m
@user-yk9to8ed9m Жыл бұрын
14:13 Когда удалил второй блок, не сказал что block-wrapper добавил опять)
@user-yk9to8ed9m
@user-yk9to8ed9m Жыл бұрын
Привет, не могу понять, 3:38 область первого текста подсвечена зеленым, как? у меня все также получается, но при наведении на текст область не подсвечивается.
@user-yk9to8ed9m
@user-yk9to8ed9m Жыл бұрын
Разобрался, сам спустя минуту после написания комментария)
@wolfsamp2785
@wolfsamp2785 Жыл бұрын
а в какой части урока мы проходили inline ?
@user-qy7oe4zq5f
@user-qy7oe4zq5f 11 ай бұрын
еще в начале курса
@user-zx9yh7dq5g
@user-zx9yh7dq5g 2 ай бұрын
@@user-qy7oe4zq5fА можно написать номер урока, когда проходили inline?
@Flezzytop2
@Flezzytop2 2 ай бұрын
13:00
@user-lb1mg7ov6j
@user-lb1mg7ov6j 2 жыл бұрын
как ты рисовал в консоли?
@arokenru
@arokenru 2 жыл бұрын
lightshot - программа для скриншотов
@FelixX138
@FelixX138 Жыл бұрын
@@arokenru хорошая кста программа ... сохраняет на сайтах 2 или 3 зарубежных все скриншоты пользователей к которым есть общий доступ . =)
@user-wz9iy8cc8d
@user-wz9iy8cc8d 5 ай бұрын
Какая клавиша сворачивает так текст,чтобы он не был во всю длину экрана?
@Tortik111
@Tortik111 4 ай бұрын
Alt+Shift+F на винде Option+Shift+F на маке
@user-wz9iy8cc8d
@user-wz9iy8cc8d 4 ай бұрын
@@Tortik111 спасибо
@tatsuroM.A.C
@tatsuroM.A.C 8 ай бұрын
я не знаю почему но у меня инлайновый элемент не хочется слушать дисплей.я задаю инлайну что он теперь блок но он кажется ахуел и не слушает
@fultutg
@fultutg 2 жыл бұрын
Фух, урок осилен
#23 Background [Курс по Верстке от AROKEN]
21:23
Арокен.ру
Рет қаралды 11 М.
Объяснение Вёрстки Простого Сайта HTML+CSS
53:56
Сергей Дмитриевский
Рет қаралды 155 М.
Children deceived dad #comedy
00:19
yuzvikii_family
Рет қаралды 6 МЛН
Жайдарман | Туған күн 2024 | Алматы
2:22:55
Jaidarman OFFICIAL / JCI
Рет қаралды 1,4 МЛН
CSS для Начинающих - Практический Курс
1:47:36
Владилен Минин
Рет қаралды 483 М.
Задача из Собеседования на 160,000 Евро в Год
13:27
Саша Лукин
Рет қаралды 1,1 МЛН
flex-basis, flex-grow, flex-shrink. flexbox погружение
43:31