CSS3 #1 Базовый синтаксис и применение стилей (Base Syntax & CSS Applying)

  Рет қаралды 24,755

webDev

webDev

3 жыл бұрын

#YauhenK #webDev #CSS #CSS3
Всех приветствую в курсе «CSS3».
В данном видеокурсе мы с вами рассмотрим CSS, или каскадных таблиц стилей. Начнём с основ: простые и составные селектора, псевдоклассы и псевдоэлементы, позиционирование, блочная модель и т.д. А так же разберём свойства добавленные в третьей версии спецификации: границы и скругления, тени, градиенты, фильтры, трансформации, анимации, плавные переходы и т.д. По окончанию курса вы получите отличную теоретическую базу для создания полноценных статичных веб-страниц.
✒ Репозиторий курса:
✔ github.com/YauhenKavalchuk/css3
✒ Полный список готовых и планируемых курсов:
✔ Trello: trello.com/b/R6rD7qq8
✒ Автор курса:
✔ KZfaq: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenKavalchuk
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/YauhenKavalchuk
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/YauhenKavalchuk/yo...

Пікірлер: 65
@efimkapliy6370
@efimkapliy6370 2 жыл бұрын
Спасибо тебе, что взялся за курс по CSS! Как всегда по факту, дозировано, продуманно)
@YauhenKavalchuk
@YauhenKavalchuk 2 жыл бұрын
Спасибо за отзыв
@bondjames8150
@bondjames8150 3 жыл бұрын
Вы отлично обьясняете! Спасибо за классный урок
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
Спасибо за отзыв
@argentonik2527
@argentonik2527 2 жыл бұрын
Спасибо за урок! Желаю развития вашему каналу
@YauhenKavalchuk
@YauhenKavalchuk 2 жыл бұрын
Спасибо большое
@yume071
@yume071 2 жыл бұрын
лучший формат по фронту на русскоязычном. иногда бывают затыки, т.к. изучаю с нуля, но разложено по разделам и преподносится, на мой субъективный взгляд просто идеально. спасибо, евгений.👍
@YauhenKavalchuk
@YauhenKavalchuk 2 жыл бұрын
Пожалуйста)
@TheProtMen
@TheProtMen 3 жыл бұрын
Спасибо за урок !
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
Пожалуйста
@olehyefimenko6693
@olehyefimenko6693 Жыл бұрын
Спасибо за курс и проделанную тобой работу! Благодаря твоим курсам узнал много нового! Ну а с моей стороны - лайк, подписка, комментарий!
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
👍
@nouchance
@nouchance 3 жыл бұрын
Спасибо большое!
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
Пожалуйста
@atlasua2021
@atlasua2021 2 жыл бұрын
За import не знал) теперь получается в 1 файле стилей main можно подтянуть все стили) круто!
@YauhenKavalchuk
@YauhenKavalchuk 2 жыл бұрын
Угу
@hainsawo
@hainsawo 2 жыл бұрын
Про import он обьясняет чуть подробнее в плейлисте HTML Basics, 16 видео из 16, 4:22
@user-lt7cf5qq8j
@user-lt7cf5qq8j 3 жыл бұрын
Спасибо.
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
Пожалуйста)
@meliodass4762
@meliodass4762 3 жыл бұрын
Вообще класс!
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
Спасибо
@KonkerE_
@KonkerE_ 3 жыл бұрын
Спасибо
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
Пожалуйста)
@frookkiesilver4805
@frookkiesilver4805 3 жыл бұрын
Книгу по css прочитал, пошел js учить. Сейчас с js заканчиваю, а вот какие то моменты по css начал забывать) Как раз можно повторить.
@frontendiya
@frontendiya 3 жыл бұрын
Как книга называется?
@frookkiesilver4805
@frookkiesilver4805 3 жыл бұрын
@@frontendiya новая большая книга css - Дэвид Макфарланд. Автор канала ее рекомендует в каком то ролике. В книге есть пара затупов с переводом и пропущенными запятыми, но если вчитаться то все понятно становится. Рекомендую перед книгой плейлист по html посмотреть, если только начинаешь, он небольшой.
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
Отлично)
@none1307
@none1307 3 жыл бұрын
Просто для продвижения.
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
👍
@jsenjoyer7058
@jsenjoyer7058 2 жыл бұрын
Привет, прости если глуппый вопрос, только начинаю осваевать git css html хотел узнать с 00:42 -50 секунду куда подрузамевается вписывание команд?
@YauhenKavalchuk
@YauhenKavalchuk 2 жыл бұрын
Когда клонировали репозиторий из папки запускаете терминал git bash и там вводите команду
@olezhonnv3215
@olezhonnv3215 3 жыл бұрын
Тег style без проблем работает и вне тега head. В body, даже в div каком-то где-то в глубинах ДОМ. Вроде во всех основных браузерах работает. Другое дело, что писать так не стоит, или хорошо подумать перед этим, как минимум. Но все же.
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
Ну это из серии: не ставить doctype браузер его автоматически добавляет, так же можно тэги не закрывать, если повёз, браузер их сам правильно закроет и т.д.
@My-video123
@My-video123 3 жыл бұрын
Женя, как правильно использовать шрифт РОБОТО через ЦСС? Спасибо
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
Эту информацию можно найти в следующих видео, если не ошибаюсь оно так и называется - шрифты
@My-video123
@My-video123 3 жыл бұрын
@@YauhenKavalchuk спасибо.
@user-wx7yc4dj5f
@user-wx7yc4dj5f Жыл бұрын
Здравствуйте, спасибо за урок. Подскажите в какой ide вы пишите код пожалуйста
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Я использую редактор кода VSCode
@user-qy5do1tg4k
@user-qy5do1tg4k 3 жыл бұрын
Не планируется уроков по препроцессорам css?
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
Планируется по SASS
@user-mj4qx9nu4l
@user-mj4qx9nu4l Жыл бұрын
Здравствуйте. Я новичок, подскажите, есть ли у вас видео, как работать с репозиторием?
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Нет
@tr1drtram332
@tr1drtram332 3 жыл бұрын
как называется эта тема в visual studio code?
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
Это стандартная тема
@kirill-mz3bq
@kirill-mz3bq 2 жыл бұрын
подскажите а ссылка на репозиторий актуальна? или у меня лыжи не едут?
@kirill-mz3bq
@kirill-mz3bq 2 жыл бұрын
можно новую?
@YauhenKavalchuk
@YauhenKavalchuk 2 жыл бұрын
Ссылка актуальная, в репозитории есть ветки
@markglushchenko4422
@markglushchenko4422 8 ай бұрын
Там когда репозиторий клонируешь там нету кода с уроков там есть index, editorconfig, css, README. Больше там ничего нету а в папке css там 2 пробных кода main.css и style.css
@YauhenKavalchuk
@YauhenKavalchuk 8 ай бұрын
Там есть ветки и по ним нужно переключаться. Этот же механизм описан в самом репозитории
@danisimo1826
@danisimo1826 3 жыл бұрын
@webDev ,Евген репозоторий не работает
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
Да, забыл его открыть. Теперь всё должно работать
@rimavedeckiene2203
@rimavedeckiene2203 9 ай бұрын
Why create two files with CSS: styles.css and main.css?
@YauhenKavalchuk
@YauhenKavalchuk 9 ай бұрын
Just for example
@p_levin
@p_levin 3 жыл бұрын
Ну, мне кажется это дико легко, там достаточно прочитать книжку или просто дока.
@YauhenKavalchuk
@YauhenKavalchuk 3 жыл бұрын
Вы ошибаетесь. Я провожу много собеседований и нахожу у людей пробелы, а так же вижу непонимание некоторых тем. Поэтому и решил записать что-то исчерпывающее
@donstacky
@donstacky Жыл бұрын
Чтобы посмотреть 3-х часовой курс по CSS мне пришлось посмотреть 4-х часовой курс по Git 😂
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
😆🤣
@kolapsegamer1678
@kolapsegamer1678 Жыл бұрын
а что за прога
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
Все используемые ресурсы и программы есть в репозитории курса
@4ebupek067
@4ebupek067 Жыл бұрын
Немного сухо, но понятно
@YauhenKavalchuk
@YauhenKavalchuk Жыл бұрын
🤷‍♂️
@mihakurgaev5353
@mihakurgaev5353 2 жыл бұрын
я все равно не понял зачем создавать 2 файла css может в следующих видео понятней станет.
@YauhenKavalchuk
@YauhenKavalchuk 2 жыл бұрын
Обычно CSS стили не пишутся в одном фале, а дробятся на модули. В этом видео - это было нужно для примера
@antonadmin9787
@antonadmin9787 6 ай бұрын
от души
@YauhenKavalchuk
@YauhenKavalchuk 6 ай бұрын
Спасибо
Я сделал 3D Танчики с Денди :3
12:09
Хауди Хо™ - Просто о мире IT!
Рет қаралды 2,5 МЛН
狼来了的故事你们听过吗?#天使 #小丑 #超人不会飞
00:42
超人不会飞
Рет қаралды 57 МЛН
Eccentric clown jack #short #angel #clown
00:33
Super Beauty team
Рет қаралды 22 МЛН
How I prepare to meet the brothers Mbappé.. 🙈 @KylianMbappe
00:17
Celine Dept
Рет қаралды 53 МЛН
Что такое CSS?
5:20
loftblog
Рет қаралды 62 М.
Как бы Я Стал Web Разработчиком За 6 Месяцев в 2024
19:28
Сергей Дмитриевский
Рет қаралды 208 М.
CSS Grid. Полный курс
57:22
webDev
Рет қаралды 91 М.