CSS cho phần thông báo | Header notification CSS - Phần 1

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

Комментарии • 78

  • @quannguyen9343
    @quannguyen9343 4 года назад +3

    anh giảng hay , tận tình, chi tiết , dễ hiểu, cảm ơn anh

  • @yughiole7088
    @yughiole7088 2 года назад +5

    feel for beginner: -BEM làm người mới bắt đầu hơi bị ngộp vì tiếng anh ạ!
    - Cần nghị lực kiên trì mới học nổi! học khoảng 30p sẽ cảm thấy khá mệt !:))
    Vẫn cảm ơn anh vì dạy tận tình ạ

  • @TienPhan-ih6ij
    @TienPhan-ih6ij 3 года назад +1

    Em học 2 ngày tới bài này rồi ạ.

  • @ducvu5868
    @ducvu5868 Год назад

    Em cảm ơn rất nhiều! video thật tuyệt vời

  • @mmo-xuan
    @mmo-xuan 3 года назад +3

    HÌnh như dòng 61 ở phút 7:04 phần href là địa chỉ link và "header__notify-link" là tên class chứ ạ

  • @thanhtung7475
    @thanhtung7475 4 года назад +2

    khoá học quá chất lượng

  • @LinhPham-4568
    @LinhPham-4568 2 года назад

    hic giọng ấm lại còn dạy hay
    xưa thi đh mà nộp vào IT thì có phải tốt k:((

  • @nhanngutrongrung9556
    @nhanngutrongrung9556 Год назад

    Mình học a Sơn H nhìn vô là tự css đc nhưng mà vẫn thích xem a Sơn làm rồi ms làm hehe a Sơn dạy hay max ping

  • @bachhoangofficial2981
    @bachhoangofficial2981 3 года назад

    1 pha nhầm lẫn tai hại, từ read thì ở ba thì Đơn, Quá Khứ và Quá khứ phân từ của nó đều là read, kkk, tội nghiệp a làm video cả đêm mệt mỏi quá

  • @ucanhvu77
    @ucanhvu77 3 года назад +3

    "Xin lỗi các bạn nói xong mình lại đổi ý rồi"
    Trời ơi!!!Lươn ghê :)))

  • @MaiXuanNamQN
    @MaiXuanNamQN Год назад

    Anh ơi cho em hỏi cái anh đo kích thước như video chỗ 2p03 cái tiện ích đó tên gì vậy anh

  • @learningonline5533
    @learningonline5533 4 года назад +4

    video hay quá anh ạ

  • @tranhoang2930
    @tranhoang2930 4 года назад +3

    Anh ơi , source code a có share ko a

  • @phuongnguyenphaninh6992
    @phuongnguyenphaninh6992 Год назад

    sao em display block thì hai thẻ span nó lại bị dính sát vào nhau mà nó lại không tách ra được vậy ạ

  • @hoalethien1807
    @hoalethien1807 3 года назад

    Cho mình hỏi chỗ notify đã xem có dùng pseudo .header__notify-link:visited {background-color: ...} được không ad nhỉ, mình thử mà không còn hiệu lực của :hover nữa

  • @vantai0703
    @vantai0703 Год назад

    Sao của em nó không tự xuống dòng được vậy anh, viết với cái khung là nó đi ra ngoài luôn

  • @ngocminhpham1358
    @ngocminhpham1358 3 года назад

    anh ơi mình lấy ảnh từ web tickid như thế nào ạ? em không vào được web đó hay em phải tự lấy ảnh bên ngoài ah

  • @truonganhkhoa4673
    @truonganhkhoa4673 3 года назад

    Cám ơn bạn Sơn 10:05

  • @voanhthu4059
    @voanhthu4059 2 года назад

    Cho em hỏi là làm sao để hiện cái phần đó lên không bị tắt ạ em tìm nãy h mà vẫn ko tìm ra được

  • @turtle6390
    @turtle6390 2 года назад

    sao mình display block thì hai dòng nó lại bị dính sát vào nhau mà nó lại không tách ra được

  • @giahuyha6189
    @giahuyha6189 3 года назад +1

    anh ơi cho em hỏi chỗ css header__notify-header của em nó hiển thị mạc định 1 cái background màu cam (chứ không phải không có màu như của anh) và khi em css màu trắng lại thì nó không nhận thì fix sao ạ

    • @giahuyha6189
      @giahuyha6189 3 года назад

      nếu em thay thẻ header bằng thẻ div thì lại không bị nữa ạ, có khi nào nó kế thừa lại cái màu của thẻ header tổ tiên bên ngoài cùng không ạ

  • @ucchetv7815
    @ucchetv7815 4 года назад +4

    Anh ơi cho em hỏi tại sao không để thẻ li như bình thường mà phải thêm display:flex tại vì hai thẻ kia bọc bằng thẻ a mà,; làm mình phải mất công thêm width:100% cho thẻ a vậy nhỉ .

    • @quybui8455
      @quybui8455 4 года назад

      chung câu hỏi với bạn này vì thử tắt display :flex ở trong thẻ header-__notify-item thì ko cần cài width:100%;

    • @traytran1704
      @traytran1704 2 года назад

      lúc đầu ổng thêm nhầm vào rồi quên xóa ấy, sau thấy nó bị thụt vào nên css width nó luôn

  • @nguyentung5614
    @nguyentung5614 3 года назад

    a oi, phan qr code cua em bi mo vi an theo opacity, e fix hoai ma k dc!

  • @hungminhphan6095
    @hungminhphan6095 2 года назад

    benwin la ctrl chu ko phai alt anh oi

  • @leeyeon1889
    @leeyeon1889 4 года назад

    anh hướng dẫn làm web giới thiệu bản thân đi ạ

  • @khahuynh1208
    @khahuynh1208 Год назад

    Khi mik chỉnh sửa xong mik bấm vô đâu để lưu và thay đổi bên trang web z anh

    • @F8VNOfficial
      @F8VNOfficial  Год назад

      Lưu lại tự thay đổi em, nhấn ctrl + s để lưu em nhé. Em xem lại bài cài đặt Live server nữa em nhé

  • @nguyentanminhtien855
    @nguyentanminhtien855 3 года назад

    Anh có cái web mẫu không ạ chứ thật sự không có web mẫu thì hơi khó để làm nhiều thứ

    • @ducvo8771
      @ducvo8771 2 года назад

      Gõ link như trong video sẽ có web mẫu

  • @HoangHuy-tb2ey
    @HoangHuy-tb2ey 2 года назад

    Anh có thể cho em xin link web demo với ạ?

  • @tamannguyen2565
    @tamannguyen2565 9 месяцев назад

    Giờ cmt không biết anh có đọc đc ko. Ở những bài đầu của prj này, anh đã bao 1 thẻ header ở đầu rồi, nên khi ở bài này anh lại dùng thẻ header nữa, nó dính css bg color của cái header tổng ấy ạ. Không biết em có làm khác gì video của anh ko, nhưng trên video ko thấy a bị, còn bài cá nhân em làm theo anh thì lại bị

    • @TuyenNguyen-qx7ct
      @TuyenNguyen-qx7ct 9 месяцев назад

      metoo

    • @TuyenNguyen-qx7ct
      @TuyenNguyen-qx7ct 9 месяцев назад

      mình ko hiểu ý bạn nói cho lắm nhưng mình đoán là khi bạn di chuột vào để hiện ra phần bảng thông báo thì cái bgr của cái bảng ấy nó bị trùng hơi mờ mờ với cái bgr head tổng đúng không?
      nếu như ý mình nói là đúng thì do cái opacity ở mấy cái thẻ cha bao cả thẻ con luôn nên mới bị thế bạn ạ
      nên bạn thử thêm thẻ span vào mỗi cái chữ thông báo với trợ giúp nói chung là thêm span vào hết mấy cái chữ đấy r bạn chỉ làm mờ mỗi chữ ấy thôi khi di chuột chữ vẫn mờ mà bgr của head con ko bị trùng r mờ với head tổng
      mình mong vẫn đề mình nói đúng là vẫn đề bạn gặp phải !

  • @niclienquan8703
    @niclienquan8703 3 года назад +1

    1pha phím tắt cực đỉnh luôn í

  • @nghienreview5904
    @nghienreview5904 Год назад

    Sao làm y chang mà nó ra hong giống gì hết😢

  • @bangzino
    @bangzino 3 года назад

    Em code theo kiểu Scss, đặt div bảng thông báo trong thẻ thì cứ hover vào chữ thông báo là cả cái bảng thông báo hiện ra đều bị mờ. Có cách nào khắc phục không anh?

    • @LamNguyen-vz3hu
      @LamNguyen-vz3hu Год назад

      b biết cách sửa chưa vậy chỉ mình với

  • @atnguyentien8630
    @atnguyentien8630 4 года назад

    Hay quá anh!!

  • @roytran911
    @roytran911 4 года назад +1

    học anh này chỉ vì cái giọng ấm :3

    • @xule8541
      @xule8541 4 года назад

      Chỉ vì ư, ns như kiểu bn đang kinh thường ảnh v, a mục đích là truyền tải kiến thức ảnh có chứ ko nhãm ngồi livestream như các idol bn nhé

    • @huonglexuan9697
      @huonglexuan9697 3 года назад

      chỉ vì ?

    • @duongvanphi862
      @duongvanphi862 3 года назад

      Người ta chỉ muốn khen thôi mà, mấy bạn làm gì căng thế.

  • @glorynt7925
    @glorynt7925 4 года назад

    cho mình hỏi. vì sao khi mình thêm 2 content bên trong thông báo nó dài text ra và chạy ra ngoài khung trắng header_notify luôn mà nó không tự xuống dòng vậy bạn

  • @ackieu3277
    @ackieu3277 4 года назад

    Hay quá anh

  • @nhatlong7756
    @nhatlong7756 4 года назад

    em dùng win 10. cho em hỏi chỗ 10:25 sao em select 7 dòng và copy 7 dòng, mà khi paste chỉ ra dc 1 dòng đầu tiên thầy ạ.

    • @letienmanh8499
      @letienmanh8499 3 года назад

      shift+ alt + sang phải để bôi đen toàn bộ và ctrl sang phải để đẩy cuối dòng

  • @kienta8510
    @kienta8510 4 года назад

    Quá hay

  • @tronghieus
    @tronghieus 4 года назад

    Mới học lập trình giờ nhìn cách đặt tên class thôi mà cũng mệt :(

    • @F8VNOfficial
      @F8VNOfficial  4 года назад +3

      Luyện tập tăng chỉ số vượt khó lên bạn. (Người có chỉ số vượt khó thấp thì chỉ cần bị cuộc đời cho một cái tát thôi là có thể bỏ cuộc ngay được). Đây là tiêu chuẩn đặt tên theo BEM, nó là kiến thức, nó là kỹ năng đấy bạn nhé. Cố lên! Chúc bạn thành công!

    • @tronghieus
      @tronghieus 4 года назад

      @@F8VNOfficial Thank bác, vì sự nghiệp của mình nên phải cố gắng thôi :D

  • @BDCCN_NguyenVanHau
    @BDCCN_NguyenVanHau 4 года назад

    cho em hỏi anh dùng extension hay phần mềm gì để pick màu thế ạ ?

    • @xule8541
      @xule8541 4 года назад +2

      Xem từ đầu thì biết thôi bn, ham nhảy cóc r hỏi

    • @haiang6949
      @haiang6949 3 года назад

      vl thanh niên d19

  • @ucthinh1613
    @ucthinh1613 3 года назад

    anh ơi ở bên html e ghi tên class nhanh là : .xong ghi tên class vào nhưng ko nhận đc class mk vừa ghi thì khắc phục kiểu gì ạ

    • @oizzz5709
      @oizzz5709 Год назад

      viết thêm 1 kí tự bất kì rồi "delete" + ''enter "là ra

  • @duantruong826
    @duantruong826 2 года назад

    cách để khôi phục lại dòng code mình đã xóa trước đó thì kiểu gì vậy a

  • @ductc241
    @ductc241 4 года назад

    Cho em xin source code của trang mẫu không ạ, tại làm mà em không tự đo đc các khoảng cách với lấy ảnh được ấy ạ...

  • @csvn4816
    @csvn4816 4 года назад

    cho mình hỏi tool xát định màu và đo size tên gì vậy

    • @xule8541
      @xule8541 4 года назад

      Mấy video đầu ảnh giới thiệu r, bn thích nhảy cóc thì lại thích hỏi

    • @nhantrung2154
      @nhantrung2154 4 года назад

      @@xule8541 ông bớt thượng đẳng đi. Tiêu đề là từ Zero đến Hero thì ngta đã biết chút đỉnh rồi, cần gì tìm hiểu thêm cái đó thôi. Bộ phải học từ đầu mới được à. Chỉ được thì chỉ không được thì thôi lướt ngang đi

    • @xule8541
      @xule8541 4 года назад

      @@nhantrung2154 hở miệng là thượng đẳng hạ đẳng, ùm tôi biết bn br ồ rồi, bạn đẳng cấp r, còn tôi ms học oke

    • @xule8541
      @xule8541 4 года назад

      @@zevik4657 quyền of bn, còn có ng rep hay ko quyền của họ oke

    • @DuyPham-xp5kf
      @DuyPham-xp5kf 3 года назад +1

      mấy cái này google được mà, đâu cần cứng nhắc quá. trên mac như anh Sơn thì dùng colorSlurp nhé, trên win thì ảnh có hướng dẫn bằng devtool, ghi bừa 1 cái màu trong devtool r bấm cái pick color r trỏ vào màu cần tìm là được. Còn đo size thì dùng extension Page Ruler Redux của chrome.

  • @phamthituyetnhi2144
    @phamthituyetnhi2144 3 года назад

    a lại buồn ngủ ròi :)))

  • @hoshiyomineedmoresuitamin5489
    @hoshiyomineedmoresuitamin5489 3 года назад

    Verb 2 cua read la read anh oi khong phai readed ^^

    • @F8VNOfficial
      @F8VNOfficial  3 года назад

      Haha anh gà ngữ pháp quá, sr anh em nha. May sao anh em vẫn hiểu bài là vui rồi ☺

  • @nhanthien4854
    @nhanthien4854 4 года назад +2

    hay :))

  • @phamthanh1596
    @phamthanh1596 3 года назад

    Read read read a ơi :))

  • @LinhPham-4568
    @LinhPham-4568 2 года назад

    33:06

  • @ABC-hr9eu
    @ABC-hr9eu 2 года назад

    31:25