Свойства и стили оформления блоков. CSS opacity. Уроки HTML CSS JS. Урок №8
ฝัง
- เผยแพร่เมื่อ 5 มิ.ย. 2024
- Свойства и стили оформления блоков. Уроки HTML CSS JS. Урок №8
Продолжаем учить CSS свойства блоков. И сегодня изучим CSS свойства оформления такие как border, border-radius, outline, box-shadow, opacity и visibility.
🔴 Весь плейлист с БЕСПЛАТНЫМ курсом и уроками по HTML CSS JS верстке:
• БЕСПЛАТНЫЙ курс по вер...
Архив с файлами урока ищи в телеграм канале t.me/freelancer_lifestyle
Или качай по ссылке: fls.guru/files/tutorials/css_...
Содержание:
0:00 - Подготовка
2:03 - Border
6:52 - Border-radius
9:34 - Outline
10:53 - Box-shadow
12:50 - Opacity
15:04 - Visibility
16:11 - Всё перечисленное по отношению к строчным элементам
17:59 - Заключение
Спасибо Emil Chapchakchi
🔴 Получить доступ к плюшкам + поддержать канал: / freelancerlifestyle
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
🔴 Instagram: / freelancer.lifestyle
👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: / freelancerlifestyle
🤟 Живи, а работай в свободное время! ©
#фрилансерпожизни #обучение #верстка
Чат по верстке: t.me/flschat
Instagram: instagram.com/freelancer.lifestyle
Telegram канал: t.me/freelancer_lifestyle
Facebook: facebook.com/freelancerlifestyle
Женя, без практики нет прогресса. Почему нет дз или практиковаться самому?
@@kingmanhart1365 в следующем уроке есть. Урок уже на канале!
@@FreelancerLifeStyle Спасибо за бдительность!
Мужик
Жека, ты лучший реально 👍💪. ничего не пропускаешь, много нового нахожу 🙏
Жека, хочу чтобы ты знал, твои ролики все еще живут и помогают людям!
Спасибо! Будут еще!
Еще долго будет актуально)))
@@igortishkov9390 Поддерживаю
@@FreelancerLifeStyle Однозначно просмотр и лайк, сразу же под любым твоим видосом! Круть крутятская твои видосы, благодаря только им и разложил для себя по полочкам что как и куда пишется..... И вообще миллионов пару тебе в подписчики! Пусть у тебя все получается и тебе это будет в кайф!
+
и до сих пор учимся по твоим урокам, спасибо
Святой человек не иначе. Я даже не много огорчился, когда после платных курсов нашел этот канал, просто не думал, что бесплатный контент может быть в сто раз круче. Успехов в развитии канала да и во всем остальном, спасибо , жму вам руку стоя.
Спасибо большое! Стараюсь!
Согласная на 1000%!!!!
Спасибо большое
Прошу не бросайте это дело продолжайте
У вас хорошо получается
Спасибо, не брошу! 👍
Смотрю полностью всю рекламу, чтобы хоть как то отблагодарить автора!!!! ☝👍👍👍👍
Хех, спасибо!
Женя лучший тренер респект и уважуха!!!
Спасибо! 👍🤟💪
Женя, твои ролики все еще живи и помогают людям!
Это было круто.
Я не видел на Ютубе такой же информации, большое количество ютуберов не хотят делиться этим бесплатно, а ты внатуре красавчик. Удачи и успехов.
Ну да, просьба)
Не мог бы ты ещё и про косые линии с треугольниками в css рассказать, просто на сайтах вижу постоянно, а обучалок как таковых нет. Буду очень признателен.
Спасибо! Конечно расскажу. Закончим осваивать азы и приступим ко всяким трюкам и интересностям))
@@FreelancerLifeStyle С каждым уроком становится все интересней и интересней! ))) спасибо вам огромнейшее!!!!
@@FreelancerLifeStyle У меня Outline не работает к строчному тегу
@@user-iu5ge6ex2h Возможно Вы просто не задали тип и цвет границы?
Лучшие что есть по верстке в 2020году!
Спасибо!
@@FreelancerLifeStyle и в 2021 тож
@@shaxa3547 и в 21..
@@dmitriy4963 скоро и в 2022
@@it6077 Уже и в 2022м
Каждый урок - отдельное произведение искусства, я в восторге. Огромное вам спасибо
Пожалуйста!
за шпаргалки тебе отдельное спасибо! молодец, отличные уроки)))
Спасибо! Будут еще!
У вас Талант не тільки в айті а ще й професійному навчанні!
це далеко не всім дано!
Дякую Вам за ваш труд!
Будь ласка! Дякую!
Итак докладываю. Весь плейлист, да и почти канал в целом посмотрел за раз и с большим интересом ( т.к. тема обучения для меня сейчас очень актуальна) поэтому лайк и подписка это меньшее чем я могу отблагодарить, за проделанную работу.
Буду ждать новых видео и действительно, подобного контента на ютубе не встречал.
Спасибо большое! Новый выпуск уже в работе!
Как успехи? изучал ли из каких либо других источников?
А вот и годнота на ЮТубе подъехала)
👍👍😊
@@FreelancerLifeStyle Очень надеюсь, что в следующем выпуске про свойство "background" будет идти речь и о его роли в качестве фоновой картинки к маркированным спискам. Уже голову себе сломал, не могу понять как его использовать по-правильному (вместе с обнуляющим списком). Жека, надежда на тебя!
Ок)
Это обучения лучший из всех в ютубе HTML/CSS/JS
2023 видео до сих пор топ!
Первый раз меня напрягает чувство невозможности поставить 1000 лайков.
Автор молодец просто красавчик, жаль я раньше не начал изучать все это,
столько времени потерял, теперь намного сложнее (((
Спасибо! У тебя все получится!
@@FreelancerLifeStyle думаю получится, просто времени на практику мало, мотивации не хватает, сижу в зоне комфорта..(((
@@s1Ngle995 привет, прошел год, какие результаты?
@@krlkonstantine9726 он в зоне комфорта
Я в шоке, БЕСПЛАТНЫЙ ХОРОШИЙ И КАЧЕСТВЕННЫЙ курс... Да такого в платном нету!
Йшов 2023 а твій курс все ще актуальний!!
Дякую,ти найкращий вчитель!!
И даже сейчас этот курс актуален, хорошо что я не успел взять платные, ведь читая комментарии в сотый раз убеждаюсь что это "золотая жила", которая бесплатна и лучше всех)
Прошло уже достаточно времени, но никто не выпустил более понятных и народных уроков. Браво. Вы большой молодец, спасибо за ваш труд.
Почему Евгений это Женя? А не Гений?
Спасибо тебе за твою работу!
Я вообще-то деградировать на ютуб захожу... А тут такие топовые уроки, интересная подача, доступное объяснение. Да ещё и домашку задают 😁 спасибо за то, что вы делаете!!! Давно хотел научиться, но в интернете очень много информации, которая сбивает с толку, а тут все понятно доступно, да ещё и все разложено по полочкам)) сидя на работе смотрю видео, конспектирую в блокнот, а потом прихожу домой, пересматриваю видео заново, пробую все на деле и выполняю домашку
Жека, ваши уроки - это картинка. Прямо в рамочку повесить. Такого синтеза качественного контента и крутого оформления я еще не встречала. Вам и вашему монтажеру огромный респект!
Он же и монтирует!) Оркестр одного человека)
Пожалуй, я не первый тут что-то подобное скажу, но Ваши уроки - супер! На самом деле вплоть до js я почти все это знаю, но заново все вспомнил и теперь, прям, горю желанием что-нибудь эдакое сверстать!)
Спасибо! Я рад!
Самый лучший канал по верстке,спасибо вам огромное))
Спасибо большое! 😊
Спасибо за урок)) "Домашки не будет" на секунду вызвало рефлекс счастья как когда-то в школе))
Жека, ты лучший, проявил у меня большой интерес, спасибо тебе за то что ты делаешь и всех благ, ЛУЧШИЙ
Жени, от Жени, ОГРОМНОЕ СПАСИБО что мотивировал поменять направление после 14 лет в другой отрасли. Ты даешь людям надежу на то что никогда не поздно познать другой путь в жизни. Всех благ тебе!
Чувак, ты просто гений преподавания данного предмета. Лучшее, что я смотрел на ютубе. А ведь чисто случайно выпал ))
Спасибо!
Как обычно все четко и понятно )) и не длинный урок , класс !!!
Спасибо! 👍
Первый опыт самообучения в IT сфере. Всё понятно и доступно. Спасибо за хорошие уроки!
Привет Жека, твои курсы очень помогают и по сей день, большое человеческое спасибо тебе!
Спасибо ставлю лайк и коммент чтобы поддержать проект!
Спасибо!
Женя, спасибо большое за бесплатные курсы. Особенно нравяться ДЗ, которые помогают закрепить материал!!!!
Женя, мне обычно на работу в 6 утра. Но я когда начинаю смотреть твои уроки, весь мир останавливается. Смотрю на часы, а там 4 утра. Два часа сна, 8-10 часов работы и снова я сижу до 4 утра и смотрю твои уроки. Ты очень хорошо все объясняешь. Спасибо тебе большое .
Приєднуюся до всіх позитивних відгуків. Я в захваті від подачі інформації, оформлення відео, продуманих деталей, стилю та мотиваційних відео. Для мене основне, що я відчуваю збільшення цікавості та жагу рухатися далі. Контент каналу дійсно заслуговує на увагу на 150%. Успіхів!!!
Почав дивитися твій курс з початку. Для повтрення CSS, так як давно не займався версткою і треба згадати для себе. Дуже подобається викладання тобою матеріалу, і це 3 роки тому, вважаю - що щось свіжіще буде ще краще. Дякую.
P.S. відкрив для себе деякі пробіли у базових знаннях. Викладення матеріалу - супер.
Спасибо!
уже пару месяцев верстаю, но решил пересмотреть все уроки с самого нуля и понял что не зря. с одной стороны ничего нового, но столько мелочей, которых просто не знал, и теперь зная их будет легче работать))
Як завжди, дякую під кожним відео!
Вчера , настроение было плохое, и когда первое твое увидел и там было то что , ты пред тем что то показать сначала это до нас подготавливаешь - из за этого столько слов наговорил, сорри за это, но щас понял что , ты заслуживаешь топ блог-учителя в русскоязычном ютубе , спасибо тебе за все , за такие уроки. Даже платные курсы столько информации не дают.
Дуже сподобався урок😍😍😍 Дякую за доступне пояснення, все чітко та зрозуміло.
0:00 - Подготовка
2:03 - Border
6:52 - Border-radius
9:34 - Outline
10:53 - Box-shadow
12:50 - Opacity
15:04 - Visibility
16:11 - Всё перечисленное по отношению к строчным элементам
17:59 - Заключение
Домашки сегодня не будет, урааа))0)0)
Спасибо!
Женя, большое вам спасибо за уроки. Хоть я и учусь в онлайн школе на Frontend, но в ваших уроках узнаю много полезного, о чём не говорилось на уроках в этой школе. Буду у вас тоже учиться. Смотрю все уроки, без исключения. Вы лучший!!!
Щиро вдячна Вам, Євгене, за Ваші уроки. Дуже чекаю на матеріали українською з верстки та фронтенду. Дякую за Вашу позицію!
Самое полезное, что доводилось смотреть на Ютуб. Спасибо!
Пожалуйста!
Евгений, спасибо тебе большое за труд!
Спасибо большое за подробные уроки. Все разжевано, до ньюансов, именно такая подача и нужна!!!!
Скільки позитиву!!! Просто супер! Отже, ще один комент з ДЯКУЮ!!!
я только начал смотреть ваши уроки а уже понимаю что на платном курсе многое просто упустил и пересматривание видео того курса не оч помогает а здесь понятно все как 2х2, блин реально больше вам спс!
Пожалуйста!
спасибо большое!!! говорю, как человек который никогда не понимал ничего в вёрстке, а тут за пару часов разобралась с многими тэгами! 💕🤞
+1
Огромный тебе респект за то что ты делаешь,все разжевано, понятно,качественно,нет слов.Идеально,насколько это вообще может быть!
Спасибо! Стараюсь)
Возможности visibility,outline и тень внутрь блока для меня это было ваааау!))) Респект!)))
Крутяк!
Уроки замечательные! Спасибо за Ваш труд!
Не знаю, увидите ли вы это сообщение, но большое спасибо вам за уроки! Это лучшие уроки, которые я пока-что видел в бесплатном доступе. Изучал ранее С/С# и чутка пайтон, но захотелось углубиться в фронтенд и попалось ваше видео. Начинать новые этапы в жизни всегда трудно, но каждый ваш урок предает неймоверное количество мотивации, т.к. когда вы объясняете - все воспринимается на лету. Спасибо!
Огромное спасибо ,сомневаюсь ,что где-то еще можно найти подобного качества контент.
Женя, Огромное тебе спасибо за твои уроки!!!
Женя, спасибо🙏! С тобой очень приятно обучаться и развиваться! Спасибо за качественный контент! Ты - лучший!!! 👏👍
По вашим урокам сразу видно что вы профессионал своего дела. И к созданию уроков подходите с умом спасибо вам за это!
Спасибо за урок! Очень долго искал для себя на просторах TH-cam качественный обучающий материал. Уже думал, что такого не найти. После нескольких уроков,готов сказать, что Вы-лучший!
Прохожу курсы Web-Development онлайн - это пиздец. 4 часа в день - забивают мозг. Здесь же - все четко по полочкам и информация успевает перевариться. Огромное Спасибо!
Женя, я просто обожаю ваши уроки и зажигаюсь двигаться к цели дальше)))
просто спасибо вам за то, что вы есть в этом мире)
Лучшее, что есть для развития на ютубе.!!! Спасибо вам большое
Женя, спасибо за уроки! Невероятно круто, с каждым уроком хочется двигаться все дальше🙌
Лучшие что есть по верстке в 2021году!
Спасибо за прекрасно представленный материал!
Старанна робота! Дякую, сподіваюсь опаную напрямок.
Очередной шикарный урок! Огромное спасибо!
Як завжди чудовий урок !
Величезна подяка ! Ungvar )
Щиро дякую. Урок чудовий.
Спасибо тебе большое, твои ролики очень помогают изучать программирование, а самое главное что ты даже домашнее задание задаёшь))
Благодарю за видео. Повторение - мать учения.
Майже 2023 а ще актуально! Дуже надіюся, що я зможу вивчитися на фронтенд розробника за допомогою ваших уроків)
Гарна подача матеріала, дякую Женя👍
Спасибо за уроки, очень круто и доступно объясняешь! По твоим урокам иду к освоению профессии-мечты :)
Супер! Я рад!
Спасибо огромное за Ваш труд!
Коммент в поддержку канала, видос как обычно - супер!!!
Дядька, я тебя обожаю! Сам всегда охотно делился всеми накопленными знаниями, Думаю мир от этого только лучше становится. Как только появится возможность запатроню тебя.
Счастья тебе и твоей семье и мир твоему дому.
Огонь) Никогда еще не было так интересно обучаться )
Как всегда на высоте! Превосходно! Также стоит отметить и поблагодарить за твои конспекты к видео они очень помогают. Спасибо. RESPECT!!!
Отличный курс, продолжаем дальше)
Спасибо!
Большое спасибо Жека! Бесконечный поток благодарности тебе и процветания!
Спасибо!
Как хорошо, что есть такие учителя!!!! 👍👍👍👍👍👍👍👍👍👍👍👍👍
Всё как всегда - на высоте!!!!
Женя, вы педагог от Бога! Спасибо вам большущее!!!
Огромная благодарность за столь качественный подход к урокам особенно за текстовые файлы (шпаргалки), такая работа 100% стоит как минимум лайка и подписка, но я решил просматривая это руководство подписаться (спонсорство) в поддержку канала !
Жека, классный выпуск, чем дальше тем интересней становится, продолжай в том же духе!
Спасибо большое!
Спасибо большое за столь полезные уроки! Из-за войны решила сменить профессию. все очень хорошо структурировано и объяснения супер понятные. Такой контент бесплатно просто что-то удивительное. В это непростое время многим он очень поможет!
Спасибо, Евгений
Все очень понятно и доступно!!! Супер уроки!
Очередной лайк за отличный урок!!! Спасибо!
Супер, супер, супер как всегда высший уровень!!!
Женя, спасибо большое тебе. Я сижу сейчас дома из-за войны и обучаюсь по твоим урокам. Каждый урок - это для меня каждый раз, ВАУ эффект. Спасибо тебе большое!!!
Огромное спасибо за ваши видео!
Жека, велике Вам ДЯКУЮ за доступну можливість вивчати ази веб-дизайну! Справді, все зроблено для людей: ясно, послідовно та ще й безкоштовно. Підписуючись на Ваш канал - я подумав мимоволі: а скільки це коштує? - Все супер. Бажаю тобі все нових і нових крутих відео-проектів! Удачі!
Дякую!
Спасибо, долго не мог с Css разобраться теперь вижу прогресс. До этого каша была оттуда кусок брал, оттуда и в итоге ничего толкового не выходило.
Спасибо тебе большинство знаний получил от тебя , долго не хотел это всё учить так как не мог найти нормального учителя и вот я нашёл тебя и качество и подача материала на высшем уровне
Отличная подача материала. Благодарю!
Отдельная благородность за конспект, это просто неоценимо!
Пожалуйста! Чего нехватало мне в свое время теперь даю вам!