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

Поділитися
Вставка
  • Опубліковано 3 січ 2025

КОМЕНТАРІ • 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 ạ.

  • @thanhtung7475
    @thanhtung7475 4 роки тому +2

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

  • @ducvu5868
    @ducvu5868 Рік тому

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

  • @learningonline5533
    @learningonline5533 4 роки тому +4

    video hay quá anh ạ

  • @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ứ ạ

  • @truonganhkhoa4673
    @truonganhkhoa4673 3 роки тому

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

  • @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á

  • @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

  • @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ê :)))

  • @tranhoang2930
    @tranhoang2930 4 роки тому +3

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

  • @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:((

  • @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

  • @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ế.

  • @ackieu3277
    @ackieu3277 4 роки тому

    Hay quá anh

  • @leeyeon1889
    @leeyeon1889 4 роки тому

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

  • @niclienquan8703
    @niclienquan8703 3 роки тому +1

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

  • @hungminhphan6095
    @hungminhphan6095 2 роки тому

    benwin la ctrl chu ko phai alt anh oi

  • @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 3 роки тому

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

  • @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

  • @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

  • @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

  • @HoangHuy-tb2ey
    @HoangHuy-tb2ey 2 роки тому

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

  • @nguyentung5614
    @nguyentung5614 3 роки тому

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

  • @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 4 роки тому

      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

  • @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é

  • @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

  • @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

  • @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

  • @giahuyha6189
    @giahuyha6189 3 роки тому

    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 ạ

  • @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 4 роки тому +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.

  • @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 ạ

  • @phamthituyetnhi2144
    @phamthituyetnhi2144 3 роки тому

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

  • @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

  • @nghienreview5904
    @nghienreview5904 Рік тому

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

  • @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

  • @LinhPham-4568
    @LinhPham-4568 2 роки тому

    33:06

  • @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

  • @tamannguyen2565
    @tamannguyen2565 10 місяців тому

    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 10 місяців тому

      metoo

    • @TuyenNguyen-qx7ct
      @TuyenNguyen-qx7ct 10 місяців тому

      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 !

  • @ABC-hr9eu
    @ABC-hr9eu 3 роки тому

    31:25

  • @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

  • @nhanthien4854
    @nhanthien4854 4 роки тому +2

    hay :))

  • @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

  • @phamthanh1596
    @phamthanh1596 3 роки тому

    Read read read a ơi :))

  • @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

  • @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 ạ...

  • @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 ☺