Свойства блоков. CSS padding. CSS margin. CSS display. Уроки CSS HTML JS. Урок №7

Поделиться
HTML-код
  • Опубликовано: 2 фев 2025

Комментарии • 1,4 тыс.

  • @гоблинвася-п7о
    @гоблинвася-п7о 5 лет назад +1097

    Женя, у тебя уроки построены грамотнее, чем в онлайн-курсах/школах/университетах. А самое лучшее, это реакция на обратную связь.

  • @ДмитрийКузьмин-ш2с
    @ДмитрийКузьмин-ш2с 4 года назад +347

    Реально чувствуется по голосу насколько человек увлечен тем что делает и насколько кайфует от этого.
    Женя, благодарю тебя за твой труд и время которое тратишь на все эти уроки!! Ежедневно занимаюсь по твоим урокам.
    Со своей стороны твоим каналом поделился уже с 6-ю друзьями, по-любому в будущем буду рекомендовать ещё для тех кто будет спрашивать о подобном.
    как всегда ПАЛЕЦ ВВЕРХ!!!
    Удачи в работе, здоровья тебе и твоей семье!!!

  • @NickBardier
    @NickBardier 4 года назад +88

    Ты когда все это рассказываешь, у тебя аж глаза горят. Респект тебе!!!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 года назад +4

      Пожалуйста!

    • @konstantino7016
      @konstantino7016 3 года назад +1

      Я тоже обратил на это внимание. От этого еще больше заряжаешься. Жека, ты невероятно крут!!!

  • @yuriilukianovych8660
    @yuriilukianovych8660 4 года назад +145

    Тайм-коды, если нужно быстро что-то найти:
    _______________________________________________________________________________
    00:00 Настройка файлов к работе
    01:10 padding - внутренний отступ блочных тегов
    05:45 margin - внешний отступ блочных тегов
    07:45 width - устанавливает ширину блочных тегов
    11:04 max-width - устанавливает максимальную ширину блочных тегов
    12:24 min-width - устанавливает минимальную ширину блочных тегов
    15:09 height - устанавливает высоту блочных тегов
    16:50 max-height - устанавливает максимальную высоту блочных тегов
    18:03 min-height - устанавливает минимальную высоту блочных тегов
    19:23 ВАЖНО! Свойство box-sizing - расчёт размеров блочных тегов. Значения этого свойства указывают, влияют ли отступы и границы на размеры блочных тегов.
    22:12 overflow - управляет отображением содержания блочного элемента
    24:24 display - многоцелевое свойство, которое определяет, как элемент должен быть показан в документе. (Наример, делает из строчного элемента блочный и наоборот)
    29:48 Шпаргалка от Евгения по свойствам этого урока
    30:32 Домашнее задание
    _________________________________________________________________________

  • @ИванСорогин-н1й
    @ИванСорогин-н1й Год назад +4

    Евгений жму руку! твои видео как глоток чистого воздуха на просторах интернета.

  • @ОльгаХемингуэй
    @ОльгаХемингуэй 3 года назад +10

    Ух, сделала. Один день ушел на то, чтобы пару раз посмотреть видео, и другой на то, чтобы разобраться. В среднем, отдаю обучению вёрстке 3 ч в день. Так приятно бывает смотреть на результат и гордиться своими скромными достижениями ))

  • @sychunya
    @sychunya 3 года назад +40

    Настроение было отвратительное, но тем не менее села за урок, чтобы не пропускать и заниматься регулярно
    Даже настроение повысилось, спасибо вам за уроки! Вы отлично объясняете материал!

    • @david___620
      @david___620 Год назад

      Как у вас успехи? Вы не сошли с пути за етот год?

    • @sychunya
      @sychunya Год назад

      @@david___620 К сожалению, сошла, сменила специальность)

  • @svitlanasvitlana5110
    @svitlanasvitlana5110 3 года назад +16

    Цілий урок конспектувала, а в кінці ви сказали, що залишили вже готовий конспект, мене дуже здивувало, що вам не жаль свого часу аж так допомагати людям. Підносите як на блюдці. Навчаюся з вами далі

  • @custercuster4918
    @custercuster4918 2 года назад +11

    ахахахах, я сижу весь урок, скрупулезно конспектирую каждое слово, Эвгений в конце видео: "для того, чтобы тебе не пришлось..."...
    P.S.: "Щиро вдячний за твiй контент)"

  • @Sweet_and_joy
    @Sweet_and_joy 2 года назад +70

    ДЛЯ ТЕХ, КТО НЕ ПОНЯЛ НА 19:23
    При отключении BOX-SIZING в CSS: общая ширина блока=width+padding+margin+border
    Пример: общая ширина блока=width500+padding10+margin20+border1=500+10+10+20+20+1+1=562
    При включенном BOX-SIZING в CSS: общая ширина блока=width+margin (padding и border входят внутрь ширины width, поэтому и не учитываются)
    Пример: общая ширина блока=width500+margin20=500+20+20=540 где width500=padding20+border1+оставшаяся ширина (500=20+20+1+1+458)

    • @ТохаЖерносенко
      @ТохаЖерносенко 2 года назад +3

      Это очень помогло!Спасибо

    • @aleksei4987
      @aleksei4987 2 года назад

      box-sizing в обнулении не сработал(код такой же, даже копировал из урока специально), и чтобы понять, как работает, пришлось дописать box-sizing в класс блочного тега.

    • @Cat_Programmer
      @Cat_Programmer 2 года назад

      спасибо!

    • @vladgalekas
      @vladgalekas 2 года назад

      К сожалению, автор заблуждается по поводу свойства box-sizing, так как ни при значении по умолчанию, ни при значении border-box, ширина и высота элемента не включают в себя значения свойства margin. Вот информация из MDN Web Docs: "border-box: The width and height properties include the content, padding, and border, but do not include the margin." Ну и через Chrome Dev Tools это тоже довольно просто отслеживается.

    • @ОлегБорисов-т1у
      @ОлегБорисов-т1у 2 года назад +1

      @@vladgalekas Так именно об этом и речь. И в комментарии и в ролике

  • @45632476
    @45632476 5 лет назад +46

    Отличная мудрость "живи, а работай в свободное время". Найти работу по душе - так с предидущего предложения останется только одно слово)
    Спасибо за уроки.

  • @Bohdan19H
    @Bohdan19H 3 года назад +11

    Просто бомбезні уроки!!!! Наскільки мені відомо, в Ужгороді вже 2 року жодна компанія не організовувала курсів для бажаючих працювати в IT. А всі онлайн курси, які мені зустрічались зорієнтовані на заробітку. А тут Женя викладає матеріал в настількі доступній формі, що неможливо щось не зрозуміти. Та ще й безкоштовно!!! Величезне дякую, лайк, підписка. 👨‍🎓👏

  • @0vercringer993
    @0vercringer993 5 лет назад +181

    Очень хорошо, что ты записываешь конспект в текстовый файлик :)

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  5 лет назад +30

      Я тоже так думаю))

    • @mayak7500
      @mayak7500 5 лет назад +9

      @@FreelancerLifeStyle да, за это нижайший поклон)))

    • @Oklesia
      @Oklesia 5 лет назад +4

      @@FreelancerLifeStyle о да, спасибо за это огромное

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  5 лет назад +6

      Пожалуйста)

    • @ЕвгенийБаркас
      @ЕвгенийБаркас 5 лет назад

      @@FreelancerLifeStyle конспектики , то что надо нам

  • @myroadmalankajosef9192
    @myroadmalankajosef9192 4 года назад +342

    Я сам из Украины, но буду писать на русском, так как здесь много людей из России. Значит по домашке.
    1. На макете есть текст помещенный в теги. Только текст надо разместить вам на странице. А в редакторе (sublime text 3, brackets и т.д.) сам текст надо обернуть в указанные в домашке теги.
    2. Каждый урывок текста это своего рода блок. Если в Avocode или Photoshop навести на него курсор, то видно рамки этого блока. То есть, работайте с этими блоками, как Женя учил в уроке. Думайте! Мне очень понравилось display: block; и display: inline-block;
    3. В каждом селекторе укажите свойство border внизу, чтоб видеть границы. Потом это уберете в конце.
    4. На рабочей странице, в браузере, ну типа когда открываете, чтоб посмотреть, что натворили нажмите F12 или Fn+F12 на ноуте и вы увидите свой код. Когда мышкой ставите на свои теги, то вы классно видите границы каждого блока и стилизацию. Мне это очень помогало.
    Делюсь с вами моими наработками.
    Не благодарите)

    • @ЮрійДмитрик-в9в
      @ЮрійДмитрик-в9в 4 года назад +7

      Спасибо, что написали!! Буду использовать ваши наработки при выполнии д\з

    • @self-toughstudy6635
      @self-toughstudy6635 4 года назад +6

      Полезно! Пока только учусь, но тоже пришел к выводу что с бордерами удобнее воспринимать страницу на этапе проектирования. Только я назначаю полные рамки для всех дивов на странице, мне так удобнее.

    • @kates9455
      @kates9455 3 года назад +5

      спасибо!
      а не подскажите как удалось выстроить предпоследний элемент (ссылку ) в одну строку рядом со span?
      По идее применение inline-block должно тут помочь , но не помогает.
      Заранее спасибо.

    • @self-toughstudy6635
      @self-toughstudy6635 3 года назад +2

      @@kates9455 и это строчные тэги, они сами должны выстроится рядом, если есть место.
      Можно сделать вот так: codepen.io/taskov1/pen/KKNBwyE

    • @serjio056
      @serjio056 3 года назад +4

      А то что в макете есть названия тегов, например их надо переносить на готовую страницу? Или вместо этих тегов должны быть отступы в верстке, не понял этого момента

  • @ФайзуллаАхраров
    @ФайзуллаАхраров 4 года назад +17

    Большое спасибо за обучения, спасибо богу, что есть такие люди как вы, которые дают удочку чтобы поймать рыбу, чтобы прокормится.

  • @tapalexxx
    @tapalexxx Год назад +1

    Привіт з 2023! вирішив перейти з геймдеву у веб розробку. Дуже вдячний за ці всі уроки. Дуже корисно, без води, чітко та структуровано. Дуже велика робота була зроблена щоб вийшов такий результат. Дуже велика подяка за зроблену роботу !!!

  • @mykolanychyporuk9530
    @mykolanychyporuk9530 3 года назад +1

    Женя, дуже дякую тобі, насправді поки що найкращий курс який я пробував почати вчити, дуже толково і продумано, і приємно все робити.
    а ще класно те що ти досі читаєш коментарі і лайкаєш! ти крутий, дякую!

  • @olesyan6781
    @olesyan6781 3 года назад +20

    Я от души присоединяюсь ко всем восторженным отзывам о канале в целом и об этом курсе в частности! Настолько понятного материала по вёрстке я ещё не встречала... "Это просто праздник какой-то!" :)

  • @yevhen.takhtarov
    @yevhen.takhtarov Год назад +1

    Щиро дякую за твої уроки. На онлайн курсах на html та css було всього три уроки та інформація була надана в скороченому вигляді. В тебе уроки більш розширені та більш зрозумілі.

  • @lupodimarel
    @lupodimarel 2 года назад +3

    Плохо что на youtube нельзя два раза поставить лайк ! Спасибо огромное вам !

  • @nyutakulik4855
    @nyutakulik4855 2 года назад +1

    неперевершені відео та матеріал! Дуже рада, що знайшла Ваш канал!!

  • @winsol5103
    @winsol5103 4 года назад +24

    Приветствую Женя. Всем кто смотрит это. Советую пересматривать все по
    2 - 3 раза, потом будет все понятно)

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 года назад +2

      Все верно)

    • @AlexStolbovakariturnel
      @AlexStolbovakariturnel 4 года назад +5

      @@FreelancerLifeStyle Ух, отлегло. Думал, что это особенность моей "соображалки", что нужно пересматривать 2-3 раза.

    • @didykihor5480
      @didykihor5480 3 года назад +1

      @@AlexStolbovakariturnel аналогично)

    • @volodymyrkosynskyi7431
      @volodymyrkosynskyi7431 3 года назад +1

      так и делаем, ещё и в тетрадку заметки делаю)

  • @luxarmiger5729
    @luxarmiger5729 4 года назад +32

    Жека, спасибо тебе тысячу раз за то, что только на твоих уроках можно отлично стартануть в web. Ты так много вложил любви и времени в материалы по обучению... Я очень ценю твой дар!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 года назад +9

      Пожалуйста!

    • @katerinasavchenko9753
      @katerinasavchenko9753 3 года назад +6

      @@FreelancerLifeStyle Женя. присоединяюсь ко всем коментам и словам благодарности. учиться по Вашему материалу одно удовольствие. все четко и продумано. Мне ваш курс посоветовал мой муж, который выучился на Ваших уроках и сейчас работает на фирме. Я когда раньше смотрел ем занимаеться мой муж, то чесно говоря хотелось плакать. А теперь сама в 40 лет после 6 лет декрета решила стать фрилансером и прохожу Ваши уроки. Сейчас мне уже не страшно, а даже наабарот интересно. Я понимаю, что именно через такую подачу материала как у Вас я и поменяла свое мнение. Еще раз спасибо Вам и успехов Вам во всех проектах.

  • @alex-troshin
    @alex-troshin 4 года назад +4

    Как ты объясняешь, Жек, это нечто. Все понятно и доходчиво. Если зайти на некий ресурс и глянуть описание - черт ногу сломит, а тут все просто и понятно. мерси

  • @СергійК-з5т
    @СергійК-з5т 3 года назад +2

    ВЕЛИЧЕЗНЕ Вам ДЯКУЮ за Неймовірно Змістовний Урок!!! ВЕЛИЧЕЗНІ РЕСПЕКТ І УВАЖУХА!!!

  • @ВидеоШколакомпьютерноймузыки

    Евгений, просто ЗАМЕЧАТЕЛЬНЕЙШИЕ уроки! Все разложено по полочкам, все логично, все понятно разъяснено, все необходимые доп материалы, ничего не упущено. При этом сама подача не скучная, душевная и в то же время грамотная. Ты уделил внимание каждой мелочи как в самом материале для обучения, так и в его подаче. Плюс ты реагируешь на наши советы. Это самые лучшие уроки, которые я видел по разным темам, а не только по теме сайтов. Понимаю, какой большой труд вложен в каждый урок + часть своей души. Огромнейшее тебе спасибо!!! Успехов и удачи тебе во всем)))

  • @FastBimer
    @FastBimer 2 года назад +14

    Учусь с 0 по твоим урокам, никогда до этого я не сталкивался с программированием, а зря, это очень интересно) Устал от тяжёлой работы на ногах, хочу зарабатывать головой, тем более в наше сейчас время, когда ты не знаешь, что может произойти (война), и работы твоей может уже и не быть вовсе... Хочу сказать тебе огромное спасибо, что есть такой человек как ТЫ! Который обучает абсолютно бесплатно всех! А в конце ролика твоя речь, меня каждый раз вдохновляет только продолжать идти к цели и *Жить*...

  • @CreatorOfFuture
    @CreatorOfFuture 4 года назад +15

    Курсы просто ТОП!
    Очень доступно!
    За блокнот отдельное спасибо!!!
    То чувство когда понимаешь что информация годная!

  • @Syuzi.Surprises
    @Syuzi.Surprises 4 года назад +37

    Благодарю, зашел вспомнить пару терминов :)
    -Засчет тебя я уже стал WEB Junior Front-end programming :)

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 года назад +1

      Спасибо, я рад)

    • @tommy7tommy
      @tommy7tommy 4 года назад +1

      круто, сколько времени обучался до этого уровня ,?

    • @Syuzi.Surprises
      @Syuzi.Surprises 4 года назад +9

      @@tommy7tommy , в основном смотрел других ютуберов. Но от них матва не было, из-за этого ушел со сферы программирования. Потом неожиданно захотел вернуться, примерно 3-4 месяца учебы от фрилансера по жизни + телеграм канал. Дал себе знать чего я достоен, и это только начало

    • @abrormamatqulov6558
      @abrormamatqulov6558 4 года назад +1

      @@Syuzi.Surprises я реально рад за тебя!!!

    • @gasada1573
      @gasada1573 4 года назад +1

      @@Syuzi.Surprises какие уже успехи?)

  • @alexmarch
    @alexmarch 3 года назад +5

    Автору: 1е у тебя талант преподавателя. 2е просто ты очень приятный молодой человек - на тебя приятно смотреть и приятно слушать. Хотелось бы еще вот такие уроки по JS . Это конечно не CSS и тема явно сложнее но поэтому ты и нужен, потому что у тебя получается правильно доносить информацию.

  • @mishachubenko3394
    @mishachubenko3394 2 года назад

    !!! Женя, дякую за курс !!!
    Кожну серію, проробляю разом з тобою, два рази, забирає багато часу, але і ти потратив багато часу , щоб дати знання нам !

  • @occamsr
    @occamsr 2 года назад +8

    Октябрь 2022.
    Начали курс группой.
    Спасибо, что оставил русскоязычный контент.
    Объясняешь весьма доходчиво и структурировано.

    • @xdayx53
      @xdayx53 2 года назад

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

    • @supportvaflya7909
      @supportvaflya7909 Год назад

      как там успехи?

  • @sanya18888
    @sanya18888 3 года назад +7

    Спасибо тебе Человечище, когда я начну зарабатывать благодаря твоим наставлениям я тебя отблагодарю. Отвечаю за свои слова.

  • @dmitriyshcherbak5926
    @dmitriyshcherbak5926 4 года назад +4

    Огромное спасибо!!! Как всегда легко, непринужденно, профессионально и с любовью к любимому делу.

  • @AndriiMarusiak
    @AndriiMarusiak 2 года назад +1

    дякую за ваші відео, гарний матеріал, чудові уроки, зручний плейлист

  • @landfathich
    @landfathich 3 года назад +9

    пхахпах такой каеф было весь урок записывать а в конце услышать "можешь не записывать ,всё в файле есть"))

  • @vladavad6154
    @vladavad6154 2 года назад +3

    Поступил в онлайн школу на курс "FullStack разаработчик". Информация подается скомкано, быстро и ее очень много для одного урока.
    Жека подает информацию дозированно и очень доступно. Очень заинтересовал курс с 1 сентября. Очень гуманная цена, попробовав позаниматься с Женей, понял что это очень хороший курс. Но... уже учусь на курсах и деньги никто не вернет. Пока в раздумьях по покупке курса. Жека, ты классный! Жаль что не попробовал заниматься по твоей программе раньше.

  • @alinadvt
    @alinadvt 2 года назад +1

    Спасибо за отличный формат и поэтапное чёткое объяснение. Мне очень нравится, что, приступая к новому параметру, внизу экрана есть название и описание этого параметра, это очень удобно и вносит еще больше ясности, особенно для тех, кто лучше воспринимает не на слух, а визуально

  • @наталіяклемишова
    @наталіяклемишова 5 лет назад +29

    Как всегда все на высоте. Так держать.

  • @АндрейРедлих-д3р
    @АндрейРедлих-д3р Год назад +1

    Спасибо Евгений, огромное впечатление от ваших уроков, огромная благодарность и низкий паклон.

  • @feliks_iron
    @feliks_iron 3 года назад +5

    Отдельный кайф - это твои картинки...🤠

  • @TitanSpeakersman
    @TitanSpeakersman Месяц назад +1

    жень ти крутой из за уроков я узнаю новые стили html,css,img и так далее, продолжаю в том же духе

  • @ИгорьГлазков-с1б
    @ИгорьГлазков-с1б 5 лет назад +4

    Спасибо Евгений. Прекрасно доносите информацию до слушателя. Монтаж Вашего видео - отдельное видео.

  • @Vasyl_
    @Vasyl_ 2 года назад +1

    Бачу кашу - іду до холодильника! В результаті два антракта за урок :D Жека, дякую все чітко і ясно!

  • @СергейМиронов-з2ш
    @СергейМиронов-з2ш 4 года назад +3

    За шпаргалки отдельное спасибо!Удобно конспектировать стало!Ваши уроки просто прекрасны

  • @0mmwmd0
    @0mmwmd0 4 месяца назад

    Я бегал туда-сюда от одних видосов к другим, ничего нормального не было. Евгений, вы правда лучший кто объясняет вёрстку, просто легенда

  • @yevhen_lod
    @yevhen_lod 4 года назад +11

    Один из важнейших уроков(!!!), который нужно очень хорошо проработать и осознать. Спасибо за ролик!

  • @evgenii509
    @evgenii509 5 лет назад +2

    Редко пишу коменты но здесь не удержался. Очень хорошо разложил мою кашу в голове по полочкам. Очень понравился твой стиль изложения материала!

  • @ИгрокОнлайн-к4к
    @ИгрокОнлайн-к4к 3 года назад +3

    Очень хорошо объясняешь, без воды, с меня лайк и подписка! Продолжай в том же духе! Удачи!

  • @ЕленаТретякова-ш7ф
    @ЕленаТретякова-ш7ф 2 года назад

    Дуже круто і цікаво зробленний урок. Продовжуємо рухатися далі!

  • @Atom_Evee
    @Atom_Evee 4 года назад +10

    Всё ждала, когда скажете про box-sizing. Ведь без обнуляющего стиля всё может выглядеть не совсем так, как в уроке.
    И тут:
    19:24 важная информация :)
    Спасибо за уроки! Крутая подача и немного юмора в тему - видео смотрятся на одном дыхании.

  • @ashbarso7752
    @ashbarso7752 4 года назад +2

    спасибо, по верстке ты лучший на русскоговорящем ютубе!

  • @МихаилМакейчев-ш1к
    @МихаилМакейчев-ш1к 4 года назад +4

    Спасибо большое, Женя за очередной классный выпуск! Мне понравилось как ты в конце засмеялся, когда строчный тег превратился в блочный, улыбнулся вместе с тобой! Ты вдохновляешь на занятия версткой!

  • @МаксимСтельмах-б5к
    @МаксимСтельмах-б5к 4 года назад

    На пальцях, без води. З’явилося відчуття, що я всеж таки вивчу HTML, CSS і все, що є у тебе на каналі. ДЯКУЮ!

  • @baxtiyorisroilov8628
    @baxtiyorisroilov8628 4 года назад +4

    Женя у тебя уроки лучше и понятлее чем другие курсы даже академии

  • @pavlov220984
    @pavlov220984 2 года назад +1

    Боже, кто Вы, Человек!!!
    Пожалуйста, никогда не прекращайте делать то, что Вы делаете!!!
    Я перестал смотреть фильмы 🤪
    Теперь учусь верстке!!!

  • @cyclodol96
    @cyclodol96 4 года назад +5

    Прекрасные уроки, лучше, чем я себе мог таковые представить:)

  • @vl8224
    @vl8224 3 года назад

    Дякую за чудовий урок. Приклади дуже доречні і наглядні

  • @УрокиАйтишника
    @УрокиАйтишника 4 года назад +3

    Женя, благодаря тебе теперь я точно до конца понял что такое padding и margin

  • @Torash417
    @Torash417 2 года назад

    Дякую дядько Женя. Люблю твої уроки (веселий час проведення).

  • @dennyluckes4783
    @dennyluckes4783 4 года назад +4

    отдельное спасибо за включения с улицы- классная фишка!

  • @Денис-ч1ц5ч
    @Денис-ч1ц5ч 4 года назад +2

    Евгений, очень хорошие уроки, и канал вырос заметно, я присоединился когда было что то около тысячи, занимался по твоим урокам, потом год практически не мог уделять время. Сейчас опять в строю! Спасибо!!

  • @nasivit8016
    @nasivit8016 5 лет назад +29

    Эх... ну что сказать? - Женёк как всегда Красава!

    • @nasivit8016
      @nasivit8016 5 лет назад

      Жень, а можешь скинуть свой профиль на фрилансе? я хочу посмотреть какие у тебя проекты

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  5 лет назад +3

      Спасибо!
      www.weblancer.net/users/bliznets/?affiliate=bliznets

  • @evakhaan
    @evakhaan 4 года назад

    Вы просто моё солнышко в мире вёрстки. Обращаюсь к вашим видео далеко не в первый раз.
    Спасибо)

  • @ВадимЗаславский-с6з
    @ВадимЗаславский-с6з 4 года назад +3

    Спасибо! Ты красавчик! Я покупал платные курсы, которые мне рекомендовали, но там объяснили на много хуже чем ты бесплатно

  • @ТоликКузнецов-щ1б
    @ТоликКузнецов-щ1б 3 года назад +1

    Никогда не писал комментарии к видео, но здесь не могу пройти мимо. Женя, смотрю твои видео с огромным удовольствием. Видно, что ты любишь то, чем занимаешься.
    Спасибо за мотивацию и отличный контент!

  • @ТиГр-г7д
    @ТиГр-г7д 4 года назад +3

    Всех благ, спасибо! Помогаешь утрамбовать и расставить по полочкам!

  • @GrowDailywithUs
    @GrowDailywithUs 2 года назад +1

    Космос!!!! Успіхів тобі і твоєму каналу!

  • @dimanwostock
    @dimanwostock 4 года назад +4

    спасибо.
    Любовь к своему делу ,сразу видно.

  • @Sheldonny
    @Sheldonny 3 года назад

    Пане Євгеній .Та вам потрібно відкривати свою школу.
    Відмінний урок.Дякую Вам і великих досягнень !

  • @FreelancerLifeStyle
    @FreelancerLifeStyle  5 лет назад +9

    Спасибо за комментарий!
    Содержание:
    00:00 Настройка файлов к работе
    01:10 padding - внутренний отступ блочных тегов
    05:45 margin - внешний отступ блочных тегов
    07:45 width - устанавливает ширину блочных тегов
    11:04 max-width - устанавливает максимальную ширину блочных тегов
    12:24 min-width - устанавливает минимальную ширину блочных тегов
    15:09 height - устанавливает высоту блочных тегов
    16:50 max-height - устанавливает максимальную высоту блочных тегов
    18:03 min-height - устанавливает минимальную высоту блочных тегов
    19:23 ВАЖНО! Свойство box-sizing - расчёт размеров блочных тегов. Значения этого свойства указывают, влияют ли отступы и границы на размеры блочных тегов.
    22:12 overflow - управляет отображением содержания блочного элемента
    24:24 display - многоцелевое свойство, которое определяет, как элемент должен быть показан в документе. (Наример, делает из строчного элемента блочный и наоборот)
    29:48 Шпаргалка по свойствам этого урока
    30:32 Домашнее задание
    Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle
    Telegram канал: t.me/freelancer_lifestyle или teleg.run/freelancer_lifestyle
    Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
    Instagram: instagram.com/freelancer.lifestyle/
    Facebook: facebook.com/freelancerlifestyle/

  • @MorozovDesu
    @MorozovDesu 4 года назад +1

    Самый лучший канал, который я встречал. Вдохновляет, начинать что-то делать.

  • @ОлегП-т2и
    @ОлегП-т2и 5 лет назад +5

    Я очень благодарен за то что даже место нас конспектируешт !!! Так удобно !!! Спасибо!!!

    • @ОлегП-т2и
      @ОлегП-т2и 5 лет назад +1

      Не могу не спросить. Зачем ты это делаешь ? Так стараешься ?

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  5 лет назад +4

      Незнаю, решил делиться опытом. Надеюсь буду полезен широкой публике, а там посмотрим)

    • @nepkot9361
      @nepkot9361 4 года назад +1

      @@FreelancerLifeStyle Спасибо добрый человек! И чтоб ты жил долго и счастливо! ))) ИМХО самые выверенные по соотношению количество полезной информации\время и при этом доступные для восприятия "с нуля" курсы русскоязычного сегмента.

  • @ffedchik
    @ffedchik 5 лет назад +3

    Жека привет. Знаю тебя еще со школьных времен, росли в одном городе. До сих пор даже приблизительно не догадывался чем ты занимаешься. Недавно совершенно случайным образом набрел на твой канал. Пазл сложился, теперь ясно стало, почему тебя по городу с камерой видел частенько. Одним словом - агнищще! Мне 32 и все это время мое программирование было на уровне Word и Excel. Твои обучающие видео проглатываю целиком, будто ребенок впервые в жизни опробовав сладкое. Стал серьезно задумываться о смене профессии. Во-первых - огромное спасибо, во-вторых - Keep up the good work!
    P.S. 30:52 Кивок в сторону оператора. (Наташе привет) :)

  • @sergeysokolov4270
    @sergeysokolov4270 5 лет назад +5

    Спасибо за ваш труд, все на высоком уровне. Надеюсь будете продолжать снимать обучающие ролики, таких крутых уроков почти нет!!!

  • @roman-_-novikov
    @roman-_-novikov 4 года назад +1

    Очень хорошо разобрана данная тема. Отдельное спасибо за готовые шпаргалки и наглядные примеры.

  • @АртемКа-в3к8й
    @АртемКа-в3к8й 5 лет назад +20

    Жень, как всегда классный выпуск!)

  • @keybodey6097
    @keybodey6097 3 года назад +1

    Обалденные уроки, благодаря вам, смогу сделать свой сайт! Спасибо Вам большое, что делаете такой контент!

  • @uno818
    @uno818 4 года назад +4

    Спасибо Женя! Каждый урок круче предыдущего!!!

  • @ievgeniipavlov5022
    @ievgeniipavlov5022 4 года назад +2

    А за шпаргалки - отдельное спасибо ))
    Евгений, ВЫ ВОСХИТИТЕЛЬНЫ! _)

  • @sergeybelokhotyuk5785
    @sergeybelokhotyuk5785 5 лет назад +49

    Спасибо Вам огромное, начал смотреть канал по рекомендации Хауди, и мне очень нравиться, особенно то что вы проговариваете все тонкости применения свойств! чего нет в литературе где просто говориться к примеру про width а про такие свойства как min-width или max-width, будет описываться где-то через несколько глав и то если со скуки не бросишь эту затею... а у Вас в доходчивом стиле и по наполнению очень приятно смотреть рад у вас перенять ваш опыт capucin с вами!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  5 лет назад +1

      Спасибо большое! Стараюсь! 😅

    • @oxygensss4390
      @oxygensss4390 4 года назад

      хауди советовал фрилансера?

    • @oxygensss4390
      @oxygensss4390 2 года назад

      @Gafrantiarus почему считаешь его плохим прогером?

    • @oxygensss4390
      @oxygensss4390 2 года назад

      @Gafrantiarus на вопрос не ответил) Относительно навыков что не так?

  • @sabyrsakta333
    @sabyrsakta333 2 года назад

    привет, благодарю, что бесплатно снял больше сотню видеоуроков для новичков, которые хотят обучаться фронтенду! Привет с Казахстана!

  • @YakovenkoPavel
    @YakovenkoPavel 3 года назад +3

    Жека, спасибо за курс! Информационная компрессия в получасовом видео просто поражает!

  • @МишаСтеблак
    @МишаСтеблак 4 года назад +2

    Я сам с Мукачева, хотел посмотреть уроки земляка а сечас немогу оторваться настолько они хорошие всьо просто и понятно, молодец так держать)

  • @igormashinski1533
    @igormashinski1533 5 лет назад +37

    Спасибо за видео !!! , , учусь верстке ,,,

  • @simurwtime
    @simurwtime 2 года назад

    Ти молодець. Дуже дякую за роботу. Самий кращий вчитель

  • @oleksandrilchuck8482
    @oleksandrilchuck8482 4 года назад +5

    Спасибо за труды! Всех благ! Отдельный респект за конспектик!

  • @ЕвгенийЗаволока-м2р
    @ЕвгенийЗаволока-м2р 3 года назад +1

    Тезка! У тебя отлично получается донести с чувством, с толком, с расстановкой учебный материал. Продолжай в том же духе. Удачи тебе во всем!!!

  • @АхмедХутиев-н4ч
    @АхмедХутиев-н4ч 3 года назад +5

    Прогеры давайте лайки эти уроки достойны большего

  • @emilchapchakchi8593
    @emilchapchakchi8593 4 года назад +1

    Жень, Женечка, Евгений
    Просто лучший! У меня лежит уродливейший конспект на эту тему, совсем без структуры и наглядных пояснений. Благодаря твоему уроку, наконец-то, систематизирую свои хаотично-собранные на просторах интернет-справочников знания. Спасибо за урок!

  • @Сергей-е6щ9с
    @Сергей-е6щ9с 4 года назад +3

    Да ладно! Оказывается все проще, чем пытаются объяснить в книжке!!) Действительно очень круто! Спасибо за уроки! Наверное платные учителя тебя немножко ненавидят)

  • @MrVIPKent
    @MrVIPKent 2 года назад

    Максимально зрозуміло, навіть дитині думаю. Дякую, дуже гарне відео!

  • @ДмитрийЯ-з2д
    @ДмитрийЯ-з2д 5 лет назад +4

    О! Начинается самое интересное в CSS: Блоки, Флексы, Гриды...псевдоклассы и псевдоэлементы. Надеюсь узнать много нового!

  • @СергейКолдаев-ч7я
    @СергейКолдаев-ч7я 4 года назад +1

    Я не смогу перестать говорить тебе спасибо! Твои уроки это правда высший класс! И хоть ты и даешь все инфу уже готовую в текстовом файле, я все равно буду ее переписывать (в основном в комментариях к тегам и свойствам, но иногда куда то отдельно), мне кажется так информация намного лучше усваивается!

  • @sergeygeyko6894
    @sergeygeyko6894 4 года назад +3

    Женя, благодарю за уроки!

  • @ElenaKuzina
    @ElenaKuzina 4 года назад +1

    Очень крутые уроки! Долго искала что-то подобное. Но твой канал превзошел все ожидания! Реально лучше большинства курсов онлайн школ. Спасибо огромное за твои труды! У тебя большой талант в обучении! Успехов! И не останавливайся!!!!! Уважение!

  • @diko5975
    @diko5975 5 лет назад +3

    Большое спасибо! за конспект в текстовом файле хочется поставить отдельный лайк)

  • @светланасеменова-ь5ы

    Отличные уроки ! Объяснения полные , последовательные , даны со всех сторон . Спасибо !

  • @vagamin4157
    @vagamin4157 4 года назад +4

    Очень приятно смотреть. Спасибо за такое качество контента

  • @arthurvolokhov1911
    @arthurvolokhov1911 4 года назад +2

    Спасибо огромное за труд. Я в восторге от качества материала и метода подачи.