CSS BEM Là Gì? Đặt Tên CSS Class Theo Tiêu Chuẩn BEM

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ม.ค. 2025

ความคิดเห็น • 46

  • @F8VNOfficial
    @F8VNOfficial  4 ปีที่แล้ว +6

    👉Khóa Học HTML CSS Pro tốt nhất bạn có thể tìm thấy: fullstack.edu.vn/landing/htmlcss

    • @Vudat1608
      @Vudat1608 4 ปีที่แล้ว

      Tên đăng nhập
      Mật khẩu
      Nam
      Nữ
      Khác
      Đáp án 1
      Đáp án 2
      Đáp án 3
      Đáp án 4


      anh xem hộ em lỗi sai ở đâu v ạ

  • @dinhanhtuan22
    @dinhanhtuan22 2 ปีที่แล้ว +17

    - BEM (Block - Element - Modifier)
    - Ý nghĩa:
    - Block: Khối
    - Element: Thành phần trong khối
    - Modifier: Bổ sung ý nghĩa cho block hoặc element (viết thêm 1 class, để bổ sung ý nghĩa)
    - Cú pháp
    - .block
    - .block__element
    - .block-modifier
    - .block__element-modifier

    > Nếu có nhiều block lồng nhau, có thể tách các block con, cháu thành block độc lập. Ví dụ:
    .header
    ⇒ .navbar
    ⇒ header-search (⇒ header-search__input, header-search__btn)
    >

  • @loinguyendinh8010
    @loinguyendinh8010 ปีที่แล้ว

    - BEM (Block - Element - Modifier)
    - Ý nghĩa:
    - Block: Khối
    - Element: Thành phần trong khối
    - Modifier: Bổ sung ý nghĩa cho block hoặc element (viết thêm 1 class, để bổ sung ý nghĩa)
    - Cú pháp
    - .block
    - .block__element
    - .block-modifier
    - .block__element-modifier

    > Nếu có nhiều block lồng nhau, có thể tách các block con, cháu thành block độc lập. Ví dụ:
    .header
    ⇒ .navbar
    ⇒ header-search (⇒ header-search__input, header-search__btn)

  • @boyhotkey96
    @boyhotkey96 4 ปีที่แล้ว

    Cuối cùng cũng có video mong đợi đây rồi. Thank F8

  • @daoviettrung1665
    @daoviettrung1665 4 ปีที่แล้ว

    Kênh này dạy hay thật. Bài nào cũng dễ hiểu

  • @KhangNguyen-kq2iw
    @KhangNguyen-kq2iw 4 ปีที่แล้ว

    Đúng chủ đề mn quan tâm luôn a, kênh dạy hay mà nd dạy còn chất lượng nữa

  • @vuonghoangvan973
    @vuonghoangvan973 4 ปีที่แล้ว

    Rất thích các video của anh. Mong a ra nhiều video nữa để mọi người dc học hỏi ạ.

  • @ndttechnicaluniversityute-3246
    @ndttechnicaluniversityute-3246 ปีที่แล้ว

    Bài giảng rất hay ,cảm ơn anh

  • @dangdan2807
    @dangdan2807 4 ปีที่แล้ว

    Hay quá, đúng phần em đang tìm hiểu :D

  • @huydink01
    @huydink01 3 ปีที่แล้ว

    bổ ích quá, đúng cái em đang tìm

  • @vuongle1789
    @vuongle1789 3 ปีที่แล้ว +1

    extension nào sửa một lúc nhiều cái vậy anh

  • @january29th1
    @january29th1 ปีที่แล้ว

    anh sử dung extension nào để ghi chú lại v ạ

  • @AnhBanBanhDao
    @AnhBanBanhDao 3 ปีที่แล้ว +1

    đẹp trai . giọng nói nge hay..sub & like thôi :))

  • @emtrang6973
    @emtrang6973 3 ปีที่แล้ว

    Nghe giọng thích quá. Em iu anh

  • @hungnguyen5966
    @hungnguyen5966 3 ปีที่แล้ว

    4:03 - dự án thực tế có thể lên đến THẬM CHÍ là dòng code - :D

  • @DungPham-se5kt
    @DungPham-se5kt 3 ปีที่แล้ว +1

    E ms hk và toàn trên web của a chứ cũng hay hk trên youtube,e đag hk khoá html css hero-zero của a n hình như trên web k có mấy bài này phải k a nhỉ

  • @thuthuyhoang8048
    @thuthuyhoang8048 2 ปีที่แล้ว

    ban oi cho minh hoi lam sao de co the go nhieu dong cung mot luc cung nhu la chon nhieu doi tuong mot luc nhu ban trong vid vay a

    • @luchoang4301
      @luchoang4301 2 ปีที่แล้ว

      nhấn alt và ấn chuột

  • @thanhnguyenkim8679
    @thanhnguyenkim8679 3 ปีที่แล้ว +2

    Tks f8 💖

  • @nguyenvantrieu9963
    @nguyenvantrieu9963 4 ปีที่แล้ว

    Thanks f8 rất nhiều!!!!!!

  • @nampham9521
    @nampham9521 3 ปีที่แล้ว +1

    e cài visual sutudio code, nhưng không viết được dấu, a có video hướng dẫn viết dấu trong phần này ko ah

    • @quocphongvietnam5971
      @quocphongvietnam5971 3 ปีที่แล้ว +1

      Ở phần header cài link UTF-8 sẽ viết được dấu.

  • @mak8naf0813
    @mak8naf0813 4 ปีที่แล้ว +2

    Em có hai câu muốn hỏi ạ:
    - Nếu mà tên của block, element hoặc modifier có nhiều hơn 1 kí tự thì mình nên ngăn cách bằng gì ạ, em đọc BEM trên mấy trang rồi mà k thấy nói về vấn đề này.
    - Anh làm sao để cùng lúc cuộn ngang cuộn dọc trên editor vậy ạ.

    • @F8VNOfficial
      @F8VNOfficial  4 ปีที่แล้ว +2

      1. Ý em là nhiều hơn 1 từ ý hả? Thì ngăn cách bằng dấu gạch ngang em nhé (-)
      2. Anh dùng máy mac, nó có cái Touchpad anh dùng tay vuốt chéo là đc nhé

  • @hoanganhtuc
    @hoanganhtuc 4 ปีที่แล้ว +2

    Nhưng mà viết Sass cũng khắc phục được kha khá việc đặt trùng tên class rồi

  • @itphan5182
    @itphan5182 4 ปีที่แล้ว

    cám ơn anh nhiều nhé

  • @congnamle3632
    @congnamle3632 4 ปีที่แล้ว

    Anh có thể làm Về Bootsrap đc không anh?

  • @tienquang3092
    @tienquang3092 3 ปีที่แล้ว

    Cảm ơn adminn.

  • @thaotruonginh924
    @thaotruonginh924 3 ปีที่แล้ว +1

    hay qua anh

  • @duykhanhle9441
    @duykhanhle9441 4 ปีที่แล้ว

    Ui, sao anh tâm lý vậy ❤️

  • @phamthang8541
    @phamthang8541 4 ปีที่แล้ว

    Còn thiếu trường hợp các block con nhỏ trong block__element nữa anh. Mong a sẽ giải thích trong các video sau Hehe :)))

    • @F8VNOfficial
      @F8VNOfficial  4 ปีที่แล้ว +1

      Anh tách ra làm phần thực hành đó nha

    • @phamthang8541
      @phamthang8541 4 ปีที่แล้ว

      @@F8VNOfficial Vâng a. Nhưng vẫn hóng khóa JS nâng cao của a hơn :)))

  • @hieuvan3352
    @hieuvan3352 4 ปีที่แล้ว

    E có xem một số video sau không biết làm sao anh :
    1> Lấy cùng lúc các class có cùng block nhưng khác element or modifier
    -->thế thui ak mong ah sớm phản hồi :)

    • @F8VNOfficial
      @F8VNOfficial  4 ปีที่แล้ว

      Anh sử dụng "vscode multiple cursors" e nhé

  • @AnhTuan-xy6hy
    @AnhTuan-xy6hy 4 ปีที่แล้ว

    Hay quá anh ơiii

  • @tungphamthanh5199
    @tungphamthanh5199 4 ปีที่แล้ว

    phần này chưa thêm vào khóa học đúng ko anh?

    • @khanhnguyentien9373
      @khanhnguyentien9373 4 ปีที่แล้ว

      Có bạn ơi. Nhưng mà a sơn nói trong video đầu của làm bài tập lớn

    • @F8VNOfficial
      @F8VNOfficial  4 ปีที่แล้ว

      Thêm rồi nha em, còn 2 phần thực hành thì anh chưa thêm thôi

  • @TiffanyNg100
    @TiffanyNg100 3 ปีที่แล้ว

    khi thầy giáo bảo take note -_- (guilty)

  • @hongsonnguyen9620
    @hongsonnguyen9620 ปีที่แล้ว

    hay cá anh ơi

  • @holicneko1668
    @holicneko1668 4 ปีที่แล้ว

    sinh viên làm bài nhỏ nhỏ nộp đi xin việc làm thêm. cần thiết bem ko. Bem nên ở mấy bài code 100 dòng đổ lên thôi chứ nhỉ anh. Tại em sinh viên đọc này xong làm bài nhỏ nhỏ mà thấy mình tự nhiên sai sai. kakaka

    • @F8VNOfficial
      @F8VNOfficial  4 ปีที่แล้ว

      Làm để học thì nhỏ cũng ko sao em

  • @vocnguyen33
    @vocnguyen33 6 หลายเดือนก่อน

    😊

  • @binhnguyentran8857
    @binhnguyentran8857 3 ปีที่แล้ว

    em chao anh