Как правильно работать с class, id и другими атрибутами! Советы начинающим!

В этом видео поговорим об использовании атрибутов, классов, id и стилизации тегов в HTML и CSS. Разберем случаи когда стоит стилизовать теги, а когда это делать не обязательно. Так же разберем почему не стоит использовать id для стилизации элементов и поговорим про зависимость и вложенность.
---------------------------------------------
Сайт: brainscloud.ru/
Добавляйтесь в друзья: odimaz
Мой инстаграм: / dmitryvalak
#верстка #html #css #css3

Пікірлер: 43

  • @lancylancy8219
    @lancylancy82195 жыл бұрын

    Спасибо за это и подобные видео. Давно искал некие правила для грамотной верстки, но никак не мог найти. Лайк поставил, подписался, колокольчик включил)))

  • @user-on9tu4zp1t
    @user-on9tu4zp1t Жыл бұрын

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

  • @mfcmikesmoke
    @mfcmikesmoke6 жыл бұрын

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

  • @Sergey-lg1ke
    @Sergey-lg1ke4 жыл бұрын

    Вот это я понимаю - культура труда. И видосы про HTML/CSS тоже круть! Я новичок, сразу буду приучаться к такому оформлению. Автору респект!

  • @denismaltcev3356
    @denismaltcev33564 жыл бұрын

    Спасибо Дмитрий за предоставленную возможность у Вас учится )

  • @mfcmikesmoke
    @mfcmikesmoke6 жыл бұрын

    Хотелось бы больше видосов с разбором нюансов

  • @alfa13135
    @alfa131352 жыл бұрын

    хорошо объясняешь , от души так сказать.

  • @car_sketch_and_render
    @car_sketch_and_render3 жыл бұрын

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

  • @Katar1x
    @Katar1x2 жыл бұрын

    Полезный ролик!

  • @sergsergey4251
    @sergsergey42514 жыл бұрын

    Спасибо!

  • @edmon2201
    @edmon22012 жыл бұрын

    Thank you!!

  • @Grandjets
    @Grandjets4 жыл бұрын

    Спасибо все по делу

  • @Grandjets

    @Grandjets

    4 жыл бұрын

    все таки использование id для структурных тегов может сделать конечный css короче и яснее.

  • @saneking_198
    @saneking_1983 ай бұрын

    спустя 6 лет смотрю,и до сих пор это вотсребанно,трудно,только начинаю и учусь верстке,здарвая штука этот class

  • @vladislav8234
    @vladislav82346 жыл бұрын

    крутой чувак)

  • @usr_sh1q
    @usr_sh1q2 жыл бұрын

    Так это уже, по сути, вступительный урок по БЭМ методологии 😉

  • @pavelmayorov8131
    @pavelmayorov81315 жыл бұрын

    У вас в структуре html, в хедер вложен див, которому присвоен класс. Имеет ли смысл убрать див и присвоить класс хедеру, если в хедере планируется только один блок. Или вообще стилизовать через тел хедер. Мне кажется это упростит код.

  • @user-cn4dx2hd1i
    @user-cn4dx2hd1i2 жыл бұрын

    👍🔥🔥🔥🔥🔥

  • @nik2130
    @nik21304 ай бұрын

    👍

  • @The777Win777
    @The777Win7776 жыл бұрын

    крутяк

  • @sone557
    @sone5572 жыл бұрын

    а вот если например..у меня есть блок и там 3 абзаца () и мне нужно стилизовать только 1 из них (ну к примеру второй), мне просто нужно ему класс свой, уникальный придать..так ведь?

  • @Kristina-zn3co
    @Kristina-zn3co3 жыл бұрын

    👍👍👍

  • @Kolyan_Starina
    @Kolyan_Starina3 ай бұрын

    Здраствуйте, пишу свой код, код для авторизации и регистрации, хочу обратиться к тегу в новом файле через .body, но оно его не пониает, что мне делать?

  • @kaaakosik_uk
    @kaaakosik_uk Жыл бұрын

    Что если при использовании сразу двух класов для input checkbox работает только один из классов? Кнопка слайдер переключения с темной на светлую тему. Один класс нужен для анимации, второй класс используется с джава скриптом. Тему переключает - но анимация исчезает

  • @user-bq6jv3cd4g
    @user-bq6jv3cd4g11 ай бұрын

    А как вы так быстро добавляете класс или меняете его на другой, есть какието горячие клавиши?

  • @romanchernyshov2632
    @romanchernyshov26323 жыл бұрын

    Если прописывать классы к каждому тэгу который хочешь отредактировать, не сильно ли это увеличит вес HTML документа, а соответственно затормозит его работу в браузере? Не правильнее ли тогда использовать для этого случая селекторы, псевдо-классы и псевдо-элементы в CSS, тем самым разгружая HTML файл? Или это не так сильно затрагивает скорость работы сайта?

  • @user-pc9zs2xi6n

    @user-pc9zs2xi6n

    8 ай бұрын

    Присоединяюсь к вопросу)

  • @katekate5779
    @katekate57792 жыл бұрын

    👍 3:09 только id убрала, классы заработали, 2 дня голову с ними ломаю)). For note: # для id, . для class.

  • @Krylowandrey
    @KrylowandreyАй бұрын

    В чём приимущество id перед class? (т.е. в каких случаях было бы выгоднее создать ID вместо класса с уникальным именем)?

  • @user-bq3vv2sq2b
    @user-bq3vv2sq2bАй бұрын

    А есть ли какие ни будь рекомендации по названию классов?

  • @knuklus
    @knuklus6 жыл бұрын

    Знаю что вложенность это плохо, и нужно стилизовать классы а не теги. Но с другой стороны, не было на практике когда заменялись теги. И вложенность можно делать не от предка через родителя к дочернему элементу (ul li a) а сразу (ul a), что позволит в будущем не терять вёрстку при изменении вложенности.

  • @tarastsipino2717
    @tarastsipino27172 жыл бұрын

    Помогите пожалуйста. В html хочу подключить класс, но нифига не работает.... Пишу к примеру Zdarova и так же в css .123 {color: red;} но почему то к тексту не применяется стиль, поооочему? CSS я подключил через линк

  • @BrainsCloud

    @BrainsCloud

    2 жыл бұрын

    Названия классов не должны начинаться с цифры

  • @maksimpostolaki2986

    @maksimpostolaki2986

    2 жыл бұрын

    @@BrainsCloud здраствуйте у меня такая же проблема, но я не начинаю класс с цифры, когда пишу ..., а в сss .fff{}, то оно подсвечивается красным и не работает

  • @user-nosia
    @user-nosia3 жыл бұрын

    Во-первых, спасибо за видео. Дмитрий, очень внимательно смотрю ваши уроки. Вы чаще говорите Цэ Эс Эс, но иногда проскакивает Си Эс Эс. Для вас это не принципиально?

  • @rustem7756
    @rustem77564 жыл бұрын

    0 дизлайков , неплохо)

  • @lerixsold2082
    @lerixsold20824 жыл бұрын

    Я до сих пор не понял зачем атрибут класс и айди они же одинаковык

  • @alexeypavlovskiy2675

    @alexeypavlovskiy2675

    4 жыл бұрын

    id в теории применяется там, где у тебя элемент будет индвидуален. Дать другому элементу название с таким же id уже нельзя. А имя класса ты можешь присвоить хоть кому и в css ко всем будут применены заданные стили. Поэтому автор не видит большого смысла в id - можно так же назвать класс и использовать индивидуально.

  • @user-zg6cf1hu3s
    @user-zg6cf1hu3s2 жыл бұрын

    В чем разница ID и class? В какие случаи надо применять 1 й и 2 й?

  • @user-vk1hv7fn6r

    @user-vk1hv7fn6r

    2 жыл бұрын

    тут 3.23 уже сказано id для логики, class для стилизации. Логика - это языки программирования, js там и другие, стилизация - это css

  • @komronbek2064
    @komronbek20642 жыл бұрын

    по моему все так делают

  • @shamie0001
    @shamie00012 жыл бұрын

    666 лайков

  • @chiklfkif
    @chiklfkif2 жыл бұрын

    про id вообще ничего не было сказано толком

Келесі