CSS свойствах необходимые начинающему / CSS уроки

[@prosto_razrabotka]

Не забудьте заглянуть сюда: ❓ Запись на консультацию - prosto-razrabotka.ru/ ✨ Telegram канал - t.me/prostorazrabotka/ 🔥 Telegram чат - t.me/prostorazrabotkachat/ Можете добавиться в друзья: 📷 Instagram - instagram.com/vitaliy.kirenkov/ 📘 ВКонтакте - vk.com/vitaliy.kirenkov/ 📗 Facebook - facebook.com/vitaliy.kirenkov/ 📙 LinkedIn - www.linkedin.com/in/kirenkov/ ✏️ Twitter - twitter.com/VitaliyKirenkov/ А так же, подписаться на страницы: 📘 ВКонтакте - vk.com/public195137161/ 📗 Facebook - facebook.com/prostorazrabotka/

[@alexisone7.599]

Тайминг: 02:01 - Background 05:48 - Border 10:13 - Color (color, opacity) 11:09 - Dimension (height, width) 13:21 - Generated content (content, counter-increment) 15:17 - Font 17:08 - List (list-style) 17:44 - Margin + Padding 22:17 - Outline 22:45 - Print 23:24 - Table (border-collapse, border-spacing) 24:58 - Text (text-align, text-decoration, text-shadow, line-height, vertical-align, letter-spacing, word-spacing) 31:38 - Transform 33:11 - Transitions 35:01 - Visual formatting (display, position, float, visibility, box-shadow, box-sizing)

[@stas9066]

Спасибо тебе добрый человек )

[@I-PixALbI4-I]

Только хотел написать тайминги чтобы возвращаться если что то забуду, а тут уже всё за меня сделали)

[@dimr5001]

Лучше что я видел по обучению верстки на youtube.

[@ladogviniashvili1206]

Вы что гений , чтобы мне с первого раза это все объяснить? Топ контент!

[@АлександрВикторович-в4ж]

Лучшее видео, автор космос. 👍👍👍

[@novakcpp]

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

[@dmitriyart2989]

просмотрел кучу видео о верстке но такую подробную разборку как здесь не встречал. спасибо тебе хороший человек.

[@dustfellsans9705]

Спасибо большое! Этот канал без преувеличений можно назвать лучшем по вёрстке на всём русском ютубе!

[@RukyNoGo]

Хороший контент. Прийшов з інтерв'ю IT boroda

[@artemhiphop8850]

Сверстал уже несколько макетов и наткнулся на этот канал . Очень в тему ) даёт понимание что делаеть)

[@A1_TR_812]

Супер, спасибо. Продвижения каналу!

[@Elodia614]

Все видео просто супер! Никакой воды, все четко и понятно! Очень рада, что нашла канал посмотрев выпуск "Бороды". Продолжай в том же духе и огромнейшее спасибо за труд и старания!

[@_GreenSnake_]

Спасибо за Ваш труд

[@РазДва-ю8г]

Начал смотреть с мыслью "Ха, да я тут всё знаю, ну, повторю". А вот и не всё. Спасибо за видео.

[@ДенисМальцев-м8м]

Вижу видео на канале автоматически рука тянется к лайку . Спасибо Вам добрый человек 👍💪✌️

[@prosto_razrabotka]

И к комментарию. Одобряю -)

[@ИсламАбдукеримов-ъ9п]

Очень харизматичный дядька , вот бы больше уроков

[@senriamiezaru5563]

Благодарю Виталий, для повторения и корректировки своих знаний то что надо!

[@prosto_razrabotka]

Спасибо

[@vlaga6334]

Пожалуй, лучший туториал по css. Спасибо большое!

[@pipikanos]

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

[@b4bb4b97]

Спасибо огромное - супер подача информации!!! Все четко, понятно и главное интересно!!!

[@justspartak]

Спасибо! И отдельное спасибо за файлик в экселе, хорошая шпаргалка!

[@i_am_kovi]

Прям то что нужно! Понятно всё и самые важные свойства👏🙏👍

[@Логовотестировщика]

Благодарю!!!

[@NarkotikAsd]

Крутая подача материала. Лайк . Подписка. Спасибо за труд.!!!!!!!!!!!!!!!!

[@evilishant9336]

Продолжайте, пожалуйста)

[@viktorprytuliuk6177]

Виталик, как сказала бы какая-нибудь баба Маша: "дай тебе бог здоровья, сынок")))

[@justspartak]

Аминь!

[@Миркино-к7ч]

Спасибо за видеоурок, вы лучший)

[@GrUncleFedor]

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

[@nikolay1875]

Почему таких каналов нет в трендах? :D Годная информация, спасибо)

[@rus-to1ht]

Очень доходчиво объяснили position: relative&absolute. Большое спасибо!

[@stole-name]

Отныне я опустошил свою чашу для наполнения информации из твоих видео! Браво!

[@antonsotnikov4825]

Отличный гайд! Лично я заполнил многие пробелы в понимании материала:) Спасибо!

[@Murakasi]

Огромное вам СПАСИБО, так четко расказать, просто супер! Лайк и подписка сразуже!

[@ВсеволодЗорин-л6н]

спасибо тебе добрый человек..

[@kirillguryanov4925]

Cпасибо!

[@Sync271]

Великолепная подача материала! Спасибо огромное!

[@ruslanalimov2856]

Отличное видео! Наглядно показано как работать со стилями. Пошел смотреть видео про flex-box

[@ilyakrakovskii286]

Вы безумец. За час обычно люди рассказывают 30 минус историю цсс, а потом 30 минут как вставлять и куда картинки. А тут с такими знаниями уже можно начинать копить на штаны за 40 гривень. Спасибо огромное

[@stas9066]

Илья, сильно замочила за штаны по 40 гривень)))

[@nikolakoval7294]

@@stas9066 это он еще перестраховывается. уверен, станут доступны штаны за 50 грн.)

[@BS-zu1de]

@@nikolakoval7294 ну вы не загинайте)

[@NP-wc7ze]

Я еще курточку в секонде прикупил за 5 евро

[@viktor_kobozya]

Это из видоса, где чел пролил подсолнечное масло на джинсы.🤣🤣🤣

[@alexlll85]

Спасибо Вам большое за столь понятное и полезное видео для начинающих!!!

[@placid3495]

Полезнейшая инфа! Четко, кратко, доступно - однозначно лайк)

[@duos198]

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

[@ChangVerandernov]

Спасибо за труд! Для начинающих лучше не нашёл!

[@hologramprint6292]

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

[@prosto_razrabotka]

Благодарю -)

[@Alex-nu5pw]

Cупер!!! Молодчина! Очень подробно и классно обьяснил!!!!

[@TheTexPro]

Спасибо за информативные видео! Успехов в делах!

[@romanov709]

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

[@prosto_razrabotka]

Спасибо

[@Alex-nu5pw]

Молодчина!!!!!!!!!!!

[@prosto_razrabotka]

Спасибо

[@СашаРопй]

Спасибо большое.

[@Прогулкивокругсвета-ф2ю]

0 дизлайков, думаю полностью заслуженно, не зря перешёл по рекламе у хауди хо

[@ВитасВолошин-б5я]

Тоже оттуда)

[@ErisBlood]

@@ВитасВолошин-б5я шел 2020-ый, у видео 18 дизлайков от каких-то безумцев

[@self-toughstudy6635]

хауди наконец-то принес пользу

[@dustfellsans9705]

Не зря Хауди прорекламировал.

[@WarriorExiles]

Если что, то дизлайки, с 01.07.21г., видит только автор. Это так…пища к размышлению

[@PsionicD]

Очень круто. Четко, оперативно. Структурированно. Спасибо большое! 😁 Хочу себе такую же таблицу с пояснениями)

[@car_sketch_and_render]

Спасибо! Очень удобно! Таймер даже есть! Спасибо!

[@nik628]

Да почему я не нашел Вас раньше? :( Идеальная подача информации! Спасибо!

[@prosto_razrabotka]

Благодарю

[@Дружба-лучшеевремя]

Спасибо за видео и за прикреплённый файл)))

[@ЕвгенийКавецкий-ц6м]

Сердечная благодарность. like и подписка

[@prosto_razrabotka]

Спасибо -)

[@hoonigan9118]

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

[@egoregoroff104]

большое спасибо!

[@abaymakhanbetov3787]

Молодец! все непонятное понял и записал. Лайк!

[@prosto_razrabotka]

Благодарю

[@wrenchsports1193]

Спасибо Хитман

[@yt9nine243]

спасибо!Помогли

[@magerrrr]

Спасибо огромное! Готовлюсь к собеседованию по Вашим видео!

[@prosto_razrabotka]

Круто, надеюсь собеседования удались -)

[@magerrrr]

Даааа, с первого собеседования устроился 😋

[@QwiniTRON]

Огромное спасибо ! Очень полезное видео !

[@ДмитрийИванов-м6м]

это лучшее что я видел по CSS

[@prosto_razrabotka]

Благодарю

[@samurai-ld7zy]

Спасибо я все нашел!!!

[@Roma-ey4yz]

Спасибо) как по мне - отличное видео, для начинающего

[@NeoJohnSmit]

Спасибо Профессор)))

[@artsiomklimovich2636]

Очень полезная таблица в экселе, делал-когда то себе такую, давным давно утеряна. Но первые месяца 4 без нее не мог работать)

[@samurai-ld7zy]

Здравствуйте, в видео все очень ясно объяснен, СПАСИБО!!! Сделайте еще один такое же видео, но про animation-ы и все align свойств, пожалуйста!!!

[@prosto_razrabotka]

Анимация видео есть на канале. Про align не понял. В контексте текста, флекса или грида?

[@samurai-ld7zy]

@@prosto_razrabotka я имел в виду про align тоже сделать видео align-content align-ite........ и т.д.

[@prosto_razrabotka]

@@samurai-ld7zy есть целые плейлисты по гриду и флексу, где это все разъяснено. Наслаждайтесь.

[@samurai-ld7zy]

​@@prosto_razrabotka Спасибо я нашла!!!​

[@samurai-ld7zy]

@@prosto_razrabotka Спасибо я все нашел

[@Sergei-wv9it]

просто нереальный топ, загорелся) надеюсь, будет много еще видосов!

[@darkside1429]

Продолжай пилить видосы очень классно получается!!!

[@luigichanel89]

Спасибо за файл со свойствами!!!

[@rustem7756]

Лучший

[@elifas2012]

Достаточно информативно, лайк.

[@kobetsmatviy]

*Вотс ап! Сделай пожалуйста видео о том как сделать нестандартный курсор при наведении. Дяка!*

[@kirillriman3611]

Спасибо!

[@gyros9162]

Реально работает!

[@darwindominic3518]

Наконецто нормальное обьяснение...Спасибо !

[@prosto_razrabotka]

Подписаться только не забудь тогда -)

[@bulatm9699]

Хороший контент смотрю на 2 ускорений все равно понятно

[@GamesServices]

Thanks

[@vd7533]

Агонь ,спасибо!

[@prosto_razrabotka]

Пажар! Не за что -)

[@WarriorExiles]

Автор обошёл сложные вещи, например, трансформация в css, лишь показав самое легкое: ниже уровня джуна. А хотелось бы узнать побольше: про 2D и 3D трансформацию. Пропущены практически все функции 2D трансформации. Ну и для эффекта: Вау, нужно было показать как сделать простую ленточку по-верх какого нибудь div с картинкой, что ли.

[@yuriiyablonskyi6626]

в css стоит ли использовать елементы по родству или лучче обращаться через класы например: лучче давать клас елементу p или обращаться " header div p {...}" или этим вобше не стоит заморачиваться

[@prosto_razrabotka]

Этим очень стоит заморачиваться! Смотрите видео по селекторам на канале

[@ekaterina2073]

Спасибо за урок, очень классный у Вас канал. А можете, пожалуйста пояснить про x 1.5 в line-height? это размер в 1.5 раза больше? Спасибо!

[@СергейК-б6н]

Красава 😎

[@alexs8579]

спасибо

[@prosto_razrabotka]

Не за что)

[@olesiaay6804]

Спасибо, очень помогло👍

[@prosto_razrabotka]

Спасибо

[@ShortsPageTech]

*+1 Хотим javascript тоже*

[@webdevelopment5337]

Очень крутой контент, спасибо)

[@nijatmehtiyev878]

Привет из Баку!!!

[@Реальноевидео-р6п]

Очень хорошая таблица вначале,может дадите на нее ссылку?

[@ДмитрийКанаев-р1ф]

Спасибо, удачки;) p.s Пошёл дальше смотреть

[@korobyata]

46:44 Объясните почему родительский блок а1 подстраивается под высоту вложеннного блока а2 ?

[@t0pc0der]

У тебя дети есть?

[@DmitriiiBaev..]

Здравствуйте вопрос, какой язык вы здесь используете, спасибо.

[@НикитаДашковский-р2м]

Отличное видео!С меня лайк и подписка!

[@prosto_razrabotka]

Спасибо -)

[@sammygun84]

Привет у тебя очень интересные уроки, но чтобы они были еще интересней попробуй на заднем фоне включать спокойную музыку, которая не мешала бы твоей речи, пример хауди хо урок по Django у него там ссылка где он брал ее под видео, засчет музыки получается дольше удерживать внимание. Если задолбали чуваки с советами то заранее извиняюсь и проигнорируй это сообщение.

[@prosto_razrabotka]

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

[@sammygun84]

@@prosto_razrabotka круто:)

[@Max-kr4ie]

Для повторения и закрепления пойдет. Но для изучения нужен более практичный урок с примерами и поработать ручками.

[@user-bn9rw7fx6x]

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

[@prosto_razrabotka]

Ну вы же задаёте отступ между ними, во вне, а не внутри их самих, следовательно маргин

[@user-bn9rw7fx6x]

@@prosto_razrabotka я понимаю разницу между маржином и паддингом)) но когда смотрю видео уроки с вёрсткой, например (академия верстки).там верстали так: в родительском флекс элементе находятся 4 блока. Вот их двигают вправо друг от друга марджином. А сверху снизу друг от друга паддингом.. Вот у меня и возник вопрос: почему эти блоки не двигать только марджинами,ну или только палдингами. Или есть какое то негласное правило у верстальщиков, право лево делать отступ - марджинами, а верх низ - паддингами.( При условии отсутствия рамки конечно же и когда нужно расширить элемент паддингом)

[@prosto_razrabotka]

@@user-bn9rw7fx6x Есть главное, вполне гласное, правило, о нём я написал выше, да и вы, как оказалось в курсе -)

[@РоманРусак-ю5ы]

Топчик

[@Алексей-ч5б1б]

Запилите пожалуйста видос по теме проверка кроссбраузерности свойства. Или я там один не разобрался? :(

[@prosto_razrabotka]

А в чём сложность? 1. Ищите свойство 2. В результатах получаете таблицу с названиями браузеров и различными версиями 3. Находите свой, смотрите на цвет ячейки 4. Смотрите, что этот цвет означает в цветовой легенде

[@Alexxl-l7b]

За таймкод 5+!!!

[@АльбертПетров-ш2и]

Просто клад