Тёмный

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

Гоша Дударь
Подписаться 883 тыс.
Просмотров 154 тыс.
50% 1

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

Опубликовано:

 

8 фев 2015

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 130   
@gosha_dudar
@gosha_dudar 3 года назад
Этот курс уже устарел, поэтому я сделал новый 🔥 Смотрите обновленный курс здесь: ru-vid.com/group/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 6 лет назад
- "Нельзя использовать в id названия тегов" **Называет id "header"**
@user-tl5gp1pn3x
@user-tl5gp1pn3x 5 лет назад
всм? header есть такой тег ?
@anbu2413
@anbu2413 5 лет назад
@@user-tl5gp1pn3x , есть, используется для создания меню.
@necromonkey69
@necromonkey69 5 лет назад
@@anbu2413 Для шапки
@user-iw7oo8pt7n
@user-iw7oo8pt7n 4 года назад
" Нельзя использовать названия тегов в *id* и *class* " " Называет *id* - "header", а *class* - "style" "
@pavelsewerow1448
@pavelsewerow1448 8 лет назад
Это было очень интересно, спасибо тебе Гоша!
@user-sy3uo4ki6v
@user-sy3uo4ki6v 4 года назад
Спасибо вам. С ваших уроков очень хорошо стартовать! Очень интересно учиться.
@hannashuraieva8889
@hannashuraieva8889 4 года назад
Большое спасибо за все Ваши видео! Все очень внятно и доступно в объяснении
@oscarri8939
@oscarri8939 8 лет назад
Спасибо за видео, и за то, что наконец-то увеличил текст хоть и уже после средины видео!)) Ты таким спокойным тоном все рассказываешь (НО не монотонным!), что интересно и приятно смотреть видео. p.s: подпишусь на канал. =)
@gameup8293
@gameup8293 6 лет назад
Гоша ты лучший!! Ты поставил меня на путь программирования!! Спасибо тебе
@DragonnSteve
@DragonnSteve 6 лет назад
Это не программирование. Это верстка.
@sergethefrog4766
@sergethefrog4766 5 лет назад
Так, він інколи каже кома замість запятой
@technic_and_programming
@technic_and_programming 4 года назад
@@DragonnSteve Да, но она помогает программировать!
@Kistenz
@Kistenz 3 года назад
ПОЛУЧИЛОСЬ?
@fedopavan
@fedopavan 6 лет назад
Спасибо, Гоша!
@vladeilegko
@vladeilegko 4 года назад
Объясняете так, что поймет любая тп, спасибо :D
@user-yf6wy7qq6p
@user-yf6wy7qq6p 7 лет назад
Спасибо!
@viskoniny7574
@viskoniny7574 4 года назад
Спасбо
@user-li5lr8jm9s
@user-li5lr8jm9s 6 лет назад
хороший урок
@oscarri8939
@oscarri8939 8 лет назад
Подскажите пожалуйста, в Sublime Text можно добавить панельку (желательно как-то аккуратно, что бы не мешала) где будут ключевые теги (как на видео в редакторе справа (body, h1, h3))?
@animatron1k532
@animatron1k532 4 года назад
На 20 минут растянул информацию для пятиминутного ролика. Респект
@user-tt4mg2jq2b
@user-tt4mg2jq2b 3 года назад
КСС звучит как КПСС !)
@arsenibragimov3276
@arsenibragimov3276 3 года назад
А какой текстовый редактор вы используете???
@santasam6487
@santasam6487 7 лет назад
Георгий, вы говорите что нежелательно использовать теги в id, но сами указываете тег в id. Объясните пожалуйста.
@m0rtis248
@m0rtis248 7 лет назад
можно но не нужно. старые браузеры будут недовольные, а новым норм
@vladyslavsvyryd5315
@vladyslavsvyryd5315 7 лет назад
header не head
@santasam6487
@santasam6487 7 лет назад
header это тег
@vadimdenisovishshpotov4384
@vadimdenisovishshpotov4384 7 лет назад
а tag?
@defunctmemma2079
@defunctmemma2079 5 лет назад
В одном блоке объявления стилей почему-то работает только один стиль, когда записываю второй, текст становится обычным, игнорируя даже первый стиль. Делал всё в точности, как на видео, вплоть до каждого символа и построения, но проблема никуда не делась. Когда вписываю второй стиль, редактор его не подсвечивает. Раньше тоже было что-похожее с каким-то атрибутом, но его просто не было в базе данных редактора и в браузере он работал, а тут даже в браузере не работает.
@user-hu4ny6se8m
@user-hu4ny6se8m 7 лет назад
Скажите, пожалуйста, в какой программе вы пишите на видео?
@user-fy8kv9ti4h
@user-fy8kv9ti4h 7 лет назад
Мурад Нурмухамедов он пишет в Coda
@shomaalbakov2692
@shomaalbakov2692 5 лет назад
а можно ли не применяя атрибут class=" " на не сколько h3 просто поставить стиль на сам тег h3 он же и так и так будет влиять на все h3 ?
@emilchapchakchi8593
@emilchapchakchi8593 4 года назад
Можно. Просто с классом ты сможешь в одну группу объединить разные теги, помимо h3
@user-yg2zw4sy2w
@user-yg2zw4sy2w 8 лет назад
Я немного не понял, зачем делать второй файл "style.css" если можно в первом всё написать ( мне так удобней) ?Если это на что-то влияет - ответьте плиз
@avtandilgigauri7047
@avtandilgigauri7047 8 лет назад
+Кривой Палец ,его делать не обязательно, просто для удобства лучше все-таки делать CSS в новом файле.
@letsgameco3514
@letsgameco3514 8 лет назад
+Кривой Палец как раз для удобства и делается файл, который подключается, чтобы не запутаться в коде, ты ещё не только CSS будешь подключать, но и Javascript и.т.д....
@user-mn1fp5qw2w
@user-mn1fp5qw2w 5 лет назад
Здравствуйте. А как можно отцентрировать картинку на заднем фоне, что бы она была по центру, а не вылазила за рамки экрана? Заранее спасибо за ответ
@user-dh5ms9dh5y
@user-dh5ms9dh5y 5 лет назад
padding: 0; margin - 0;
@gameup8293
@gameup8293 6 лет назад
Точка с комой и так само)
@cunning_jumper
@cunning_jumper 4 года назад
После просмотра видео появилось парочку вопросов. 1.зачем указывать h3. style{color:red}, если h3{color:red} это по сути тоже самое. 2. Зачем сохранять название класса, если он по факту имеет другие свойства и значения? Мне кажется это может вызвать в дальнейшем путаницу при написании длинного кода или я не прав? Помогите разобраться в каких случаях это может понадобиться?
@ad1son694
@ad1son694 4 года назад
Я так понял что в названиях id нельзя использовать только цифры или цифры со знаками типа #?
@afriendRU
@afriendRU 4 года назад
Привет, здорово объясняешь, но есть один совет: увеличивать по возможности шрифт в редакторе и сами окна на весь экран растягивать. А то со смартфона смотреть неудобно, а у некоторых только так и получается))
@afriendRU
@afriendRU 4 года назад
Ага, посреди видео увеличил, норм!)
@user-bd7fn2fo4l
@user-bd7fn2fo4l 5 лет назад
11:47 минута тег P i точку между ними нужно ставить это же идет обращение к классам ?
@ohdude3685
@ohdude3685 4 года назад
нет,потому что i-это не класс,a тег
@Normand1412
@Normand1412 8 лет назад
Смысл использывать class="style" если и так по умолчанию будет жёлтый?
@user-rg9zk5sk9z
@user-rg9zk5sk9z 6 лет назад
Какие альернативы этого приложения есть под windows? Главное, чтобы палитра цветов была.
@decart640
@decart640 6 лет назад
Ну я лично использую sublime text 3+ colormania(приложении отдельное) для палитры
@alexluxeon3423
@alexluxeon3423 6 лет назад
Как же применение стилей для "родственных" тЭгов? например: p > i, p + i, p ~ i
@arhontfreedom4976
@arhontfreedom4976 5 лет назад
11:50 "Для всех тегов i находящихся в теге p на любом уровне вложенности - применяются стили" - так правильнее. А не "для всех тегов p [...] применяются стили".
@uzm163
@uzm163 4 года назад
Ну так то да, но он так не разжёвывает, именно поэтому его легче воспринимать. Да и без твоих разъяснений было понятно что он имел в виду
@user-dt7vz8uu1b
@user-dt7vz8uu1b 4 года назад
Друзья дайте источник откуда пвлитру цветов скачать
@calavera-skull
@calavera-skull 4 года назад
для стилизации лучше использовать class, а не id. id обычно вяжут с js
@marmeladka_373
@marmeladka_373 3 года назад
этот курс ещё актуален?
@user-qx7dm2sd6f
@user-qx7dm2sd6f 3 года назад
что у тебя за программа?
@Mr.Popperdolio
@Mr.Popperdolio 8 лет назад
4:31??XDD
@bolshoyshleppa3496
@bolshoyshleppa3496 8 лет назад
Эт скрип стула)
@narutoudzumaki6167
@narutoudzumaki6167 7 лет назад
ахахахахахахахах
@tagruto
@tagruto 5 лет назад
Он хотел сказать "Хрюф", но потом одумался.
@user-lu4go1oi6t
@user-lu4go1oi6t 6 лет назад
а я вот не понял по видео - почему id можно применять только один раз в документе, а class можно несколько раз применять в документе? Я к примеру сделал и у меня все сработало отдельно. Или я что то не правильно понял?
@alexvain9935
@alexvain9935 6 лет назад
Да, ты не совсем правильно его понял, о не имел ввиду, что атрибут id можно задавать один раз на весь документ, он имел ввиду, что значение id должно быть индивидуальным для каждого объекта. Это правило грамотного написания кода сайта.
@detrian1975
@detrian1975 6 лет назад
Один раз можно применять id="" с его внутренним значением Так вот если будешь применять id с тем самим значением по 100 раз!У тебя будет 100 одинаковых стилей !!!!!
@snex6304
@snex6304 4 года назад
Помогите, пожалуйста, не знаю как указать путь к файлу, если он находится в другой папке
@user-hy1im6ze7b
@user-hy1im6ze7b 4 года назад
4 месяца прошло, но на случай, если вы не единственный с этим вопросом: если папка находится в том же месте где и файл html, пишем "название папки/.../название.расширкние" В другом случае не знаю
@user-ct9jc6ew4y
@user-ct9jc6ew4y 6 лет назад
В какой программе ты работаешь?
@oddghost_
@oddghost_ 6 лет назад
Coda, но она только для Linux. Аналог для Windows - Sublime Text
@necromonkey69
@necromonkey69 5 лет назад
@@oddghost_ Какой Linux? Она для macOS.
@maestrodkpytfans9118
@maestrodkpytfans9118 3 года назад
@@necromonkey69 , macOS - Unix
@hard6847
@hard6847 5 лет назад
+
@divcreation3688
@divcreation3688 4 года назад
To use CSS grid without CSS media Query click on the link below and watch the short tutorial ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-j_aRNf7nUfo.html
@daniilmylo6805
@daniilmylo6805 6 лет назад
не работает id на отдельный тег. Что делать?
@PavelDyrov
@PavelDyrov 5 лет назад
используй только "class"
@theLLlOKgames
@theLLlOKgames 7 лет назад
2:33 ???
@user-sq5gd8ny4x
@user-sq5gd8ny4x 6 лет назад
Вы сказали что (цитирую):"Тоже самое можно сделать с id идентификаторами", но это бессмысленно т.к id можно применять тольео к одному объекту!!!!!!!
@user-lk1yl6tx3w
@user-lk1yl6tx3w 6 лет назад
Подскажите, использую Atom и Opera. Если пишу код в CSS, то последние изменения в коде не работают. А когда пишу код, затем все строки в коде записываю еще раз в обратной последовательности, т. е. как бы "зеркалю", то все работает нормально. Что за баг?
@user-lk1yl6tx3w
@user-lk1yl6tx3w 6 лет назад
Все! Пардон. Неправильно коментарий создавал в файле CSS, отсюда ошибки.
@Yahor2032
@Yahor2032 3 года назад
Не получается зелёный цвет заголовка не знаю что делать
@VITOSGTI
@VITOSGTI 3 года назад
напиши код, постараюсь помочь.
@hornylucenro666
@hornylucenro666 3 года назад
Я aGnanFmosZ4
@user-bd7fn2fo4l
@user-bd7fn2fo4l 5 лет назад
Воопше класс Икземпел есть такой че за бред ??????
@user-hd3ho7qt1p
@user-hd3ho7qt1p 6 лет назад
Ну это уже совсем для тупеньких, на то оно и ИД что оно может быть только одно ибо оно уникальное...
@vipdeveloper
@vipdeveloper 5 лет назад
На фоне посуду моют😂😂
@allrife6707
@allrife6707 5 лет назад
Не подключается сss
@detrian1975
@detrian1975 6 лет назад
Дааааааааааааа уже много воды утекло с 2015 года Мне 18 лет хочу выучить максимально верстку сайта Ну как максимально так чтоб я понимал кто к чему ! Ради результата и удовлетворение мной сделанного дела! Я уже эти видео все смотрю по несколько раз. Начинал смотреть с 2016 года . Забивал несколько раз . Но я иду не смотря не на-что . Так вот хочу еще сказать мне не интересно какой у ГОШЫ был тогда скил по написанию сайтов! на 2015 года Главное чтоб он давал информацию .И позже чтоб эта вся информация подтверждалась всемирной паутине . Есть Google есть Yandex есть Интернет. Все ваших руках )
@barbie_the_soldier
@barbie_the_soldier Год назад
та цеесес цеес!!! не каесес а цеесес!
@anandinidorogomilovamusic2873
@anandinidorogomilovamusic2873 4 года назад
Спасибо за уроки, все класс, но извиняюсь за придирку, правильнее говорить си-эс-эс. А кэ-эс-эс - это игра.
@user-ck3sp3lt5g
@user-ck3sp3lt5g 5 лет назад
Лучше вместо id писать class и да ты круто обьясняешь
@rikfordi2324
@rikfordi2324 3 года назад
ВНИМАНИЕ ВСЕМ У КОГО НЕ РАБОТАЕТ КОД CSS!!! Если вас не читает ссс попробуйте несколько раз обновить страницу САЙТА. У меня также эта хрен не работала И я тупо начал клацать эту долбаную кнопку перезагрузку страницы.... И все заработалооооооо!!!!!! (В ТОП ЧТО-БЫ ВСЕ ВИДЕЛИ! )
@user-tv6op3mn2g
@user-tv6op3mn2g Год назад
гоша, ты под пивом?
@sebs951
@sebs951 8 лет назад
Ти з України????
@Andrey-oz6qn
@Andrey-oz6qn 8 лет назад
+миколич троянчинко Я да, он возможно)
@Kl-hk4lw
@Kl-hk4lw 8 лет назад
+Андрей Окси Да если зайти на его канал и перейти в раздел о канале, там буде указана страна Украина, + в вк. И + у него было видео про доход и там в RU-vid analitycs или как-то так было написано Украина.
@ArtemLavrik
@ArtemLavrik 7 лет назад
Конечно с Украины. Кома, наближается, ггггэээ, нехОтим. Сложно не узнать родного говора))
@Penilopa24
@Penilopa24 6 лет назад
так аудитория может значительно уменьшиться...
@eugenesidelnyk4600
@eugenesidelnyk4600 6 лет назад
так само 11:07
@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 лет назад
ну так ты же задала вопрос автору, писал ли он когда-нибудь сайты, вот. Написание сайта можно уже считать программированием. я об этом
Далее
Философия хлама #diy
01:00
Просмотров 504 тыс.
Типичный продавец на пляже 😂
01:00
Хэш-таблицы за 10 минут
13:01
Просмотров 120 тыс.
Философия хлама #diy
01:00
Просмотров 504 тыс.