Изучение CSS/CSS3 | #4 - Селекторы в CSS, а также правила CSS

  Переглядів 153,891

Гоша Дударь

Гоша Дударь

9 років тому

Видеоурок посвящен тому, чтобы рассказать вам некоторые правила, а также объяснить селекторы в CSS
Изучение CSS/CSS3 | #4 - Селекторы в CSS, а также правила CSS
✔ Основной сайт: itproger.com/
✔ -------------
Группа Вк - prog_life
Группа FaceBook - goo.gl/XW0aaP
Я в Google+ - goo.gl/Tqt9W0
Страничка Twitter - / goshadudar
Страничка Вк - codi999
✔ Начните зарабатывать на UKposts - join.air.io/money_air
✔ Видео по заработку на UKposts - goo.gl/RLPXV8
Помощь в развитии канала.
* Яндекс Деньги: 410014343706921
* Кошельки WebMoney:
- Доллар: Z331064341236
- Гривна: U386388718252
- Рубль: R214610220703

КОМЕНТАРІ: 132
@gosha_dudar
@gosha_dudar 3 роки тому
Этот курс уже устарел, поэтому я сделал новый 🔥 Смотрите обновленный курс здесь: ukposts.info/slow/PLDyJYA6aTY1meZ3d08sRILB46OJ-wojF2
@user-wz8jd9ud9f
@user-wz8jd9ud9f 5 років тому
12:58 - "Тег html - это абсолютно ко всему документу, а символ * - это абсолюююююютно ко всему документу " :D
@user-wd7ed7wp7b
@user-wd7ed7wp7b 6 років тому
Кто то, когда то говорил, что лучше использовать вместо тег
@Channel-we7hi
@Channel-we7hi 4 роки тому
Об этом ходят мифы, слогают легенды
@jmonix
@jmonix 4 роки тому
@@Channel-we7hi если писать то бот, который озвучивает текст будет выделять это слово интонацией, а если будет то ничего не произойдет.
@archi6015
@archi6015 3 роки тому
ЭТО CSS3! НЕ HTML5!
@MrGangsterGaming
@MrGangsterGaming 5 років тому
- "Нельзя использовать в id названия тегов" **Называет id "header"**
@user-tl5gp1pn3x
@user-tl5gp1pn3x 5 років тому
всм? header есть такой тег ?
@anbu2413
@anbu2413 5 років тому
@@user-tl5gp1pn3x , есть, используется для создания меню.
@necromonkey69
@necromonkey69 4 роки тому
@@anbu2413 Для шапки
@hannashuraieva8889
@hannashuraieva8889 4 роки тому
Большое спасибо за все Ваши видео! Все очень внятно и доступно в объяснении
@user-sy3uo4ki6v
@user-sy3uo4ki6v 4 роки тому
Спасибо вам. С ваших уроков очень хорошо стартовать! Очень интересно учиться.
@pavelsewerow1448
@pavelsewerow1448 8 років тому
Это было очень интересно, спасибо тебе Гоша!
@oscarri8939
@oscarri8939 8 років тому
Спасибо за видео, и за то, что наконец-то увеличил текст хоть и уже после средины видео!)) Ты таким спокойным тоном все рассказываешь (НО не монотонным!), что интересно и приятно смотреть видео. p.s: подпишусь на канал. =)
@fedopavan
@fedopavan 6 років тому
Спасибо, Гоша!
@user-iw7oo8pt7n
@user-iw7oo8pt7n 4 роки тому
" Нельзя использовать названия тегов в *id* и *class* " " Называет *id* - "header", а *class* - "style" "
@gameup8293
@gameup8293 6 років тому
Гоша ты лучший!! Ты поставил меня на путь программирования!! Спасибо тебе
@DragonnSteve
@DragonnSteve 6 років тому
Это не программирование. Это верстка.
@sergethefrog4766
@sergethefrog4766 5 років тому
Так, він інколи каже кома замість запятой
@technic_and_programming
@technic_and_programming 4 роки тому
@@DragonnSteve Да, но она помогает программировать!
@Kistenz
@Kistenz 3 роки тому
ПОЛУЧИЛОСЬ?
@user-yf6wy7qq6p
@user-yf6wy7qq6p 7 років тому
Спасибо!
@vladeilegko
@vladeilegko 4 роки тому
Объясняете так, что поймет любая тп, спасибо :D
@viskoniny7574
@viskoniny7574 3 роки тому
Спасбо
@user-li5lr8jm9s
@user-li5lr8jm9s 6 років тому
хороший урок
@oscarri8939
@oscarri8939 8 років тому
Подскажите пожалуйста, в Sublime Text можно добавить панельку (желательно как-то аккуратно, что бы не мешала) где будут ключевые теги (как на видео в редакторе справа (body, h1, h3))?
@arsenibragimov3276
@arsenibragimov3276 3 роки тому
А какой текстовый редактор вы используете???
@defunctmemma2079
@defunctmemma2079 5 років тому
В одном блоке объявления стилей почему-то работает только один стиль, когда записываю второй, текст становится обычным, игнорируя даже первый стиль. Делал всё в точности, как на видео, вплоть до каждого символа и построения, но проблема никуда не делась. Когда вписываю второй стиль, редактор его не подсвечивает. Раньше тоже было что-похожее с каким-то атрибутом, но его просто не было в базе данных редактора и в браузере он работал, а тут даже в браузере не работает.
@animatron1k532
@animatron1k532 4 роки тому
На 20 минут растянул информацию для пятиминутного ролика. Респект
@santasam6487
@santasam6487 7 років тому
Георгий, вы говорите что нежелательно использовать теги в id, но сами указываете тег в id. Объясните пожалуйста.
@m0rtis248
@m0rtis248 7 років тому
можно но не нужно. старые браузеры будут недовольные, а новым норм
@vladyslavsvyryd5315
@vladyslavsvyryd5315 7 років тому
header не head
@santasam6487
@santasam6487 7 років тому
header это тег
@vadimdenisovishshpotov4384
@vadimdenisovishshpotov4384 7 років тому
а tag?
@user-tt4mg2jq2b
@user-tt4mg2jq2b 3 роки тому
КСС звучит как КПСС !)
@shomaalbakov2692
@shomaalbakov2692 5 років тому
а можно ли не применяя атрибут class=" " на не сколько h3 просто поставить стиль на сам тег h3 он же и так и так будет влиять на все h3 ?
@emilchapchakchi8593
@emilchapchakchi8593 4 роки тому
Можно. Просто с классом ты сможешь в одну группу объединить разные теги, помимо h3
@afriendRU
@afriendRU 4 роки тому
Привет, здорово объясняешь, но есть один совет: увеличивать по возможности шрифт в редакторе и сами окна на весь экран растягивать. А то со смартфона смотреть неудобно, а у некоторых только так и получается))
@afriendRU
@afriendRU 4 роки тому
Ага, посреди видео увеличил, норм!)
@user-hu4ny6se8m
@user-hu4ny6se8m 7 років тому
Скажите, пожалуйста, в какой программе вы пишите на видео?
@user-fy8kv9ti4h
@user-fy8kv9ti4h 7 років тому
Мурад Нурмухамедов он пишет в Coda
@gameup8293
@gameup8293 6 років тому
Точка с комой и так само)
@ad1son694
@ad1son694 4 роки тому
Я так понял что в названиях id нельзя использовать только цифры или цифры со знаками типа #?
@user-bd7fn2fo4l
@user-bd7fn2fo4l 5 років тому
11:47 минута тег P i точку между ними нужно ставить это же идет обращение к классам ?
@ohdude3685
@ohdude3685 4 роки тому
нет,потому что i-это не класс,a тег
@alexluxeon3423
@alexluxeon3423 6 років тому
Как же применение стилей для "родственных" тЭгов? например: p > i, p + i, p ~ i
@user-mn1fp5qw2w
@user-mn1fp5qw2w 5 років тому
Здравствуйте. А как можно отцентрировать картинку на заднем фоне, что бы она была по центру, а не вылазила за рамки экрана? Заранее спасибо за ответ
@user-dh5ms9dh5y
@user-dh5ms9dh5y 5 років тому
padding: 0; margin - 0;
@ExploreNewHorizons
@ExploreNewHorizons 5 років тому
Автор прав, очень важно называть вещи правильно) СИЭСЭС а не КСС! А в целом уроки норм
@airfantom4956
@airfantom4956 3 роки тому
норм? Человек старается, объясняет а ты такой правильный. Вот и покупай курсы по 40000.
@user-yg2zw4sy2w
@user-yg2zw4sy2w 8 років тому
Я немного не понял, зачем делать второй файл "style.css" если можно в первом всё написать ( мне так удобней) ?Если это на что-то влияет - ответьте плиз
@avtandilgigauri7047
@avtandilgigauri7047 8 років тому
+Кривой Палец ,его делать не обязательно, просто для удобства лучше все-таки делать CSS в новом файле.
@letsgameco3514
@letsgameco3514 8 років тому
+Кривой Палец как раз для удобства и делается файл, который подключается, чтобы не запутаться в коде, ты ещё не только CSS будешь подключать, но и Javascript и.т.д....
@arhontfreedom4976
@arhontfreedom4976 5 років тому
11:50 "Для всех тегов i находящихся в теге p на любом уровне вложенности - применяются стили" - так правильнее. А не "для всех тегов p [...] применяются стили".
@uzm163
@uzm163 4 роки тому
Ну так то да, но он так не разжёвывает, именно поэтому его легче воспринимать. Да и без твоих разъяснений было понятно что он имел в виду
@user-dt7vz8uu1b
@user-dt7vz8uu1b 4 роки тому
Друзья дайте источник откуда пвлитру цветов скачать
@cunning_jumper
@cunning_jumper 4 роки тому
После просмотра видео появилось парочку вопросов. 1.зачем указывать h3. style{color:red}, если h3{color:red} это по сути тоже самое. 2. Зачем сохранять название класса, если он по факту имеет другие свойства и значения? Мне кажется это может вызвать в дальнейшем путаницу при написании длинного кода или я не прав? Помогите разобраться в каких случаях это может понадобиться?
@calavera-skull
@calavera-skull 4 роки тому
для стилизации лучше использовать class, а не id. id обычно вяжут с js
@Normand1412
@Normand1412 8 років тому
Смысл использывать class="style" если и так по умолчанию будет жёлтый?
@user-rg9zk5sk9z
@user-rg9zk5sk9z 6 років тому
Какие альернативы этого приложения есть под windows? Главное, чтобы палитра цветов была.
@decart640
@decart640 6 років тому
Ну я лично использую sublime text 3+ colormania(приложении отдельное) для палитры
@user-qx7dm2sd6f
@user-qx7dm2sd6f 3 роки тому
что у тебя за программа?
@marmeladka_373
@marmeladka_373 3 роки тому
этот курс ещё актуален?
@user-ct9jc6ew4y
@user-ct9jc6ew4y 5 років тому
В какой программе ты работаешь?
@oddghost_
@oddghost_ 5 років тому
Coda, но она только для Linux. Аналог для Windows - Sublime Text
@necromonkey69
@necromonkey69 4 роки тому
@@oddghost_ Какой Linux? Она для macOS.
@maestrodkpytfans9118
@maestrodkpytfans9118 3 роки тому
@@necromonkey69 , macOS - Unix
@theLLlOKgames
@theLLlOKgames 7 років тому
2:33 ???
@snex6304
@snex6304 4 роки тому
Помогите, пожалуйста, не знаю как указать путь к файлу, если он находится в другой папке
@user-hy1im6ze7b
@user-hy1im6ze7b 4 роки тому
4 месяца прошло, но на случай, если вы не единственный с этим вопросом: если папка находится в том же месте где и файл html, пишем "название папки/.../название.расширкние" В другом случае не знаю
@hard6847
@hard6847 5 років тому
+
@daniilmylo6805
@daniilmylo6805 5 років тому
не работает id на отдельный тег. Что делать?
@PavelDyrov
@PavelDyrov 5 років тому
используй только "class"
@user-lu4go1oi6t
@user-lu4go1oi6t 6 років тому
а я вот не понял по видео - почему id можно применять только один раз в документе, а class можно несколько раз применять в документе? Я к примеру сделал и у меня все сработало отдельно. Или я что то не правильно понял?
@alexvain9935
@alexvain9935 6 років тому
Да, ты не совсем правильно его понял, о не имел ввиду, что атрибут id можно задавать один раз на весь документ, он имел ввиду, что значение id должно быть индивидуальным для каждого объекта. Это правило грамотного написания кода сайта.
@detrian1975
@detrian1975 6 років тому
Один раз можно применять id="" с его внутренним значением Так вот если будешь применять id с тем самим значением по 100 раз!У тебя будет 100 одинаковых стилей !!!!!
@Mr.Popperdolio
@Mr.Popperdolio 8 років тому
4:31??XDD
@bolshoyshleppa3496
@bolshoyshleppa3496 7 років тому
Эт скрип стула)
@narutoudzumaki6167
@narutoudzumaki6167 7 років тому
ахахахахахахахах
@tagruto
@tagruto 5 років тому
Он хотел сказать "Хрюф", но потом одумался.
@Yahor2032
@Yahor2032 3 роки тому
Не получается зелёный цвет заголовка не знаю что делать
@VITOSGTI
@VITOSGTI 3 роки тому
напиши код, постараюсь помочь.
@user-sq5gd8ny4x
@user-sq5gd8ny4x 6 років тому
Вы сказали что (цитирую):"Тоже самое можно сделать с id идентификаторами", но это бессмысленно т.к id можно применять тольео к одному объекту!!!!!!!
@user-lk1yl6tx3w
@user-lk1yl6tx3w 6 років тому
Подскажите, использую Atom и Opera. Если пишу код в CSS, то последние изменения в коде не работают. А когда пишу код, затем все строки в коде записываю еще раз в обратной последовательности, т. е. как бы "зеркалю", то все работает нормально. Что за баг?
@user-lk1yl6tx3w
@user-lk1yl6tx3w 6 років тому
Все! Пардон. Неправильно коментарий создавал в файле CSS, отсюда ошибки.
@detrian1975
@detrian1975 6 років тому
Дааааааааааааа уже много воды утекло с 2015 года Мне 18 лет хочу выучить максимально верстку сайта Ну как максимально так чтоб я понимал кто к чему ! Ради результата и удовлетворение мной сделанного дела! Я уже эти видео все смотрю по несколько раз. Начинал смотреть с 2016 года . Забивал несколько раз . Но я иду не смотря не на-что . Так вот хочу еще сказать мне не интересно какой у ГОШЫ был тогда скил по написанию сайтов! на 2015 года Главное чтоб он давал информацию .И позже чтоб эта вся информация подтверждалась всемирной паутине . Есть Google есть Yandex есть Интернет. Все ваших руках )
@divcreation3688
@divcreation3688 4 роки тому
To use CSS grid without CSS media Query click on the link below and watch the short tutorial ukposts.info/have/v-deo/oo-ShoSdbqSGx6M.html
@allrife6707
@allrife6707 4 роки тому
Не подключается сss
@user-hd3ho7qt1p
@user-hd3ho7qt1p 5 років тому
Ну это уже совсем для тупеньких, на то оно и ИД что оно может быть только одно ибо оно уникальное...
@user-bd7fn2fo4l
@user-bd7fn2fo4l 5 років тому
Воопше класс Икземпел есть такой че за бред ??????
@hornylucenro666
@hornylucenro666 3 роки тому
Я aGnanFmosZ4
@vipdeveloper
@vipdeveloper 5 років тому
На фоне посуду моют😂😂
@rikfordi2324
@rikfordi2324 3 роки тому
ВНИМАНИЕ ВСЕМ У КОГО НЕ РАБОТАЕТ КОД CSS!!! Если вас не читает ссс попробуйте несколько раз обновить страницу САЙТА. У меня также эта хрен не работала И я тупо начал клацать эту долбаную кнопку перезагрузку страницы.... И все заработалооооооо!!!!!! (В ТОП ЧТО-БЫ ВСЕ ВИДЕЛИ! )
@user-ck3sp3lt5g
@user-ck3sp3lt5g 5 років тому
Лучше вместо id писать class и да ты круто обьясняешь
@anandinidorogomilovamusic2873
@anandinidorogomilovamusic2873 4 роки тому
Спасибо за уроки, все класс, но извиняюсь за придирку, правильнее говорить си-эс-эс. А кэ-эс-эс - это игра.
@barbie_the_soldier
@barbie_the_soldier Рік тому
та цеесес цеес!!! не каесес а цеесес!
@sebs951
@sebs951 8 років тому
Ти з України????
@Andrey-oz6qn
@Andrey-oz6qn 8 років тому
+миколич троянчинко Я да, он возможно)
@Kl-hk4lw
@Kl-hk4lw 8 років тому
+Андрей Окси Да если зайти на его канал и перейти в раздел о канале, там буде указана страна Украина, + в вк. И + у него было видео про доход и там в UKposts analitycs или как-то так было написано Украина.
@ArtemLavrik
@ArtemLavrik 7 років тому
Конечно с Украины. Кома, наближается, ггггэээ, нехОтим. Сложно не узнать родного говора))
@Penilopa24
@Penilopa24 6 років тому
так аудитория может значительно уменьшиться...
@eugenesidelnyk4600
@eugenesidelnyk4600 6 років тому
так само 11:07
@user-tv6op3mn2g
@user-tv6op3mn2g Рік тому
гоша, ты под пивом?
@java_kabala
@java_kabala 7 років тому
Хэдер, а не хидер! Слушайте хотя бы Гугл переводчик, пожалуйста.
@kennymcmcguigan5372
@kennymcmcguigan5372 6 років тому
Как же бесит "ну вы поняли"
@dimiboy3569
@dimiboy3569 6 років тому
Бесит реклама Wix, типо закажи сайт, вообще желание отпадает учиться
@dimiboy3569
@dimiboy3569 6 років тому
лайк если из 2к17
@VanyaFed
@VanyaFed 6 років тому
как же бесит реклама, каждую минуту выплывает. Невозможно нормально уроки смотреть!!!!
@user-hw8ql9fq2p
@user-hw8ql9fq2p 7 років тому
Что за бред давать стиль для ?Автор ты точно писал когда либо сайты?
@user-wb2mu8qp9n
@user-wb2mu8qp9n 7 років тому
сказали же ГЛОБАЛЬНЫЕ, КО ВСЕМУ ДОКУМЕНТУ
@user-hw8ql9fq2p
@user-hw8ql9fq2p 7 років тому
Андрей Богаченко с каких пор верстка стала программированием.
@dazzled655
@dazzled655 7 років тому
ну может с таких, что длянаписания полноценного сайта требуется именно программирование? PHP, javascript и т.д.
@user-hw8ql9fq2p
@user-hw8ql9fq2p 7 років тому
DaZzle D Так каким боком в данный момент php или js если в данный момент речь идет о html и css
@dazzled655
@dazzled655 7 років тому
ну так ты же задала вопрос автору, писал ли он когда-нибудь сайты, вот. Написание сайта можно уже считать программированием. я об этом
ЧТО ДЕЛАТЬ, ЕСЛИ НЕ ХВАТАЕТ ДЕНЕГ НА ВОССТАНОВЛЕНИЕ ТАЧКИ?
47:52
Vue JS 3 Tutorial for Beginners #7 - Forms & Inputs
45:41
Net Ninja
Переглядів 173 тис.
Изучение CSS для новичков / Урок #4 - Псевдоклассы и псевдоэлементы
26:54
Школа itProger / Программирование
Переглядів 154 тис.
Bootstrap 5 Crash Course Tutorial #4 - Buttons & Button Groups
6:59
Docker Crash Course #5 - The Dockerfile
15:03
Net Ninja
Переглядів 101 тис.
HTML5 для начинающих / Урок #5 - Теги для работы с текстом
19:31
Школа itProger / Программирование
Переглядів 206 тис.