Hướng dẫn CSS cho mã QR | Header QR code CSS

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

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

  • @F8VNOfficial
    @F8VNOfficial  2 года назад +1

    👉 Xem trang web mẫu tại đây: f8ubuntu.online/ 🎉🎉

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

      link web mẫu bị lỗi rồi sao ý, mình không vào được, bạn fix giúp mình với

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

      ​@@buihoangtrung6005 sao mình làm y chang mà cái khối qr vẫn che mục vào cửa hàng bạn có bị vậy hong :((

    • @りきくと
      @りきくと Год назад

      @@nghienreview5904 bạn có bị lỗi ko vào dc web mẫu kh ạ

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

      @@りきくと mình hong vào đc ạ

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

      web mẫu em ko vào dc ạ
      anh fix lại giúp em với

  • @hoangphamhoapha4362
    @hoangphamhoapha4362 4 года назад +41

    Cứ mỗi lần nghe anh nói: "Mình lại nhầm cái gì nữa rồi! Đó! Là do thức khuya!" là thấy thương a vô cùng. Mong a giữ gìn sức khỏe.

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

    Xem mới biết bạn làm vid đến 1, 2h đêm, rất có tâm, mình đã học được rất nhiều từ khi xem youtube của bạn. Cảm ơn rất nhiều

  • @KhangNguyen-kq2iw
    @KhangNguyen-kq2iw 4 года назад +7

    thầy đúng là 1 người có tâm trong nghề IT nói chung và giảng dạy nói riêng, tỉ mĩ tới từng pixel luôn

  • @petrmai9152
    @petrmai9152 2 года назад +1

    xem cái quả anh giải thích về vụ "cầu nối" mà thích vãi anh ạ. E biết về vụ này nhưng thấy anh tận tình và kỹ tính đúng là đã.

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

    Nghe giọng anh thích thật, xem video anh làm còn thích hơn xem phim ạ. Em cảm ơn anh nhiều ạ

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

    lâu thầy tấu hài ban đêm cũng vui, tạo sự khác biệt với những kênh khác cũng hay. Dù sao kênh vừa có kiến thức hay và cũng sinh động. Ủng hộ kệnh :D

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

    Phải nói đây là một trong những kênh giảng bài cực hay!

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

    May quá lần trước học kĩ phần dự án the band lên lần này e tự làm phần này nó dễ hẳn. Cảm ơn a Sơn rất nhiều 🥰🥰

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

    thương anh cố gắng giữ gìn sức khoẻ nha anh em sẽ cố gắng học bài của anh chăm chỉ

  • @ThuongNguyen-td8jk
    @ThuongNguyen-td8jk 4 года назад

    Cực kỳ chi tiết,cực kỳ dễ hiểu,cảm ơn thầy !

  • @ToanNguyen-gn2yi
    @ToanNguyen-gn2yi 4 года назад +7

    kênh hay nhất từng xem

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

    ad hướng dẫn chi tiết ghê ạ, cảm ơn ad!

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

    cảm ơn anh vì những video, anh quá nhiệt tình và tâm huyết

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

    Bài giảng rất hay, cảm ơn anh và chúc anh sức khỏe!

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

    anh Sơn dạy chi tiết vô cùng luôn

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

    Khóa học hay quá. Cảm ơn A Sơn nhiều!!!

  • @tungnguyenthanh1288
    @tungnguyenthanh1288 4 года назад +6

    anh ơi, cho em hỏi, khi mình hover vào thẻ thì animation xuất hiện dần lên, nhưng khi lia chuột ra ngoài thì nó không tắt từ từ, có cách nào để áp dụng animation khi không còn hover không ạ

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

    xem đến cuối video rùi cmt thêm cái nữa... mến thầy sơn sún

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

    lại còn reply nhiệt tình nữa

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

    chúc anh ngày càng thành công trong công việc và cuộc sống. try hand to succes :))

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

    kênh của bạn rất hay và bổ ích , rất có tâm :d

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

    cái img qr bản thân nó đã được canh lề 11px trái phải r, nên .header__qr-apps {margin: 0 12px;} là ok nhé

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

    Đây là học lập trình hay trước từ trước đến nay, do anh đặt nhiều tâm quyết vào

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

    Cảm ơn a rất nhiều bài giảng rất chi tiết và nhiệt tình,hiện tại công việc a làm là gì vậy

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

    cam on anh nhe khoa hoc rat hay

  • @AnhNguyen-go2zc
    @AnhNguyen-go2zc 3 года назад

    Chân thành cảm ơn anh!

  • @HuyNguyen-uh9ng
    @HuyNguyen-uh9ng 2 года назад

    Nói lời iu anh Sơn làm sao cho đủ!!!

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

    Anh ơi cho em hỏi với ạ, chỗ 25:30. Theo như code phía trên khi hover vào "li tag" thì QR nó mới xuất hiện. Nhưng mình tiếp tục hover qua lớp giả và phần QR code nó vẫn xuất hiện ạ ? Em cảm ơn anh!

  • @_NguyenVanTien-sb9ur
    @_NguyenVanTien-sb9ur 4 года назад

    Quá chi tiết và dể hiểu

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

    cái phần header nhìn đơn giản vậy mà vô code nhìn cầu kì dễ sợ hhh

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

    cho mình hỏi là cái ứng dựng mà để đo width height đồ là ứng dụng gì z ạ

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

    Cam on thay

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

    mọi người ơi, mình làm theo đến chỗ hover vào để hiện ra cái imge QR code nó không ra được, không hiểu tại sao lun á

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

    học web trong mùa covid ,điểm danh

  • @HungNguyen-pu1dv
    @HungNguyen-pu1dv 3 года назад

    cáic chỗ căn appstore và googleplay, chỉ cần space between cho cái div bao quanh và đặt padding 10px left right cho nó là được mà a :v

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

    Em có thắc mắc chỗ justify sao ko dùng space-evenly rồi tăng kích thước icon lên sẽ nhanh hơn là đi css từng icon như vậy ! Mong được a giải thích ! E cảm ơn !

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

      Vì lúc làm a chưa biết và cũng chưa nghĩ ra cách khác e. E xem cách nào đơn giản và hiệu quả thì ưu tiên mà dùng nhé. Lập trình n ko có cứng nhắc là bắc buộc phải dùng cách nào cả e nhé.

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

      @@F8VNOfficial dạ e cảm ơn a ! Chúc a nhiều sức khoẻ để tiếp tục thực hiện hành trình của mình ! E sẽ luôn học hỏi và theo dõi hành trình của a !

  • @somebody-17546
    @somebody-17546 3 года назад

    Thực sự cái tên nhìn 1 hồi không biết đâu ra đâu. Tên theo BEM dài quá

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

    Cảm ơn anh nhiều ạ

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

    Video cũng có nhiều muối quá

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

    Anh làm về phan tích các thành phần của web di a

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

    Cảm ơn anh.

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

    kênh hay nhất

  • @manatngo217
    @manatngo217 6 месяцев назад

    thầy cho em hỏi là ngành này thì có ai chỉ mấy cái khó k hay mình phải tự biết? Học qua sách vở họ có chỉ không?

    • @F8VNOfficial
      @F8VNOfficial  6 месяцев назад

      Ngành này tất cả là do bản thân mình nỗ lực em ạ. Mấy cái khó nó đòi hỏi mình kỷ luật và kiên trì ngày đêm đèn sách. Có người chỉ thì sẽ nhanh hơn, nhưng nếu không chịu khó và nỗ lực thì cái khó chỉ cũng không hiểu được.

    • @manatngo217
      @manatngo217 6 месяцев назад

      @@F8VNOfficial lấy ví dụ như em muốn làm ra được một website như google chẳng hạn là tự mình làm chứ không ai chỉ hả ?

  • @LongNguyen-kw8pk
    @LongNguyen-kw8pk 3 года назад

    sao e đặt color nó k ghi đè :hover a nhỉ nó còn hover vào thằng qr nữa

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

    cho mình hỏi tại sao mình dùng quá nhiều class thế, có cảm giác code css dài quá

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

      Tỉ mĩ thì nhìu thôi bn

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

    Thầy có tính dậy xong backend của demo này không. Kiểu như đưa lên csdl như thế nào ý thầy.

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

      Khóa này là nền tảng cho mọi khóa học sau này em nhé. Từ Backend, API tới Deploy sau này sẽ đều dùng lại chính giao diện làm tại khóa này.
      Sau các khóa học, em sẽ có sản phẩm hoàn chỉnh cả Front-end và Back-end

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

      @@F8VNOfficial cám ơn người thầy có tâm

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

    ngay chỗ qr code ấy sao anh không padding: 0 11px; cho class header__qr-apps nhỉ

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

    11:04 Anh ơi tại sao phải padding trước thì mới border-radius được vậy.Mọi người có ai biết không chỉ cho mình với

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

    anh ơi sao em đo hover trên trang shopee ko dc nhỉ

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

    Ra nhanh nữa a ơi... 🤣

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

      Anh vừa ra video mà, em đã làm xong luôn rồi hả 🤣

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

      Cmt trước rồi học lun cho nóng 😁

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

      Ngày nào e ko ăn ngủ trên f8 a 🤣

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

    thanks anh nhiều

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

    hay qua ad oi

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

    A ơi cho e xin tên Extention đo element với ạ, tks anh.
    Chúc anh nhiều sức khoẻ.

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

    cho em hỏi. sao chỗ ẩn hiện QR code sao mình không css hover vào thẳng thằng header__navbar-item luôn cho nhanh ạ? đỡ phải tạo thêm class mới?

    • @TungPham-dt6tr
      @TungPham-dt6tr 2 года назад

      bởi vì cái cái class header__navbar-item nó còn tồn tại trong các thẻ li khác, mk chỉ thao tác trong cái thẻ li đầu tiên thôi

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

      @@TungPham-dt6tr cái thẻ li đầu tiên có đặt thêm 1 tên modify là separate rồi sao không dùng luôn header_navbar-item--separate mà phải đặt thêm cái has qr code vậy bác, tại vì có mình thẻ li đó là đặt modify separate thôi mà

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

      @@haiangnguyen2976 như vậy thì lại sai ý nghĩa đặt tên r á

  • @HungTran-zk5th
    @HungTran-zk5th 4 года назад

    29:30 ảnh bùn ngủ lắm rồi :D

  • @LeHung-i7g
    @LeHung-i7g 6 месяцев назад

    25:14

  • @HuyQuang-ox2pu
    @HuyQuang-ox2pu 4 года назад

    anh ơi, phần logo của google play và appstore bị lệch ạ nó không bằng nhau như hiển thị ở shopee. Cảm ơn a !

    • @TungPham-dt6tr
      @TungPham-dt6tr 2 года назад

      tương đối thôi bro, cảm thấy tỉ lệ vừa mắt là đc rồi

  • @LeHung-i7g
    @LeHung-i7g 6 месяцев назад

    2:48 sao mình hover k được z mn, ai giúp mình với ạ

  • @TungPham-dt6tr
    @TungPham-dt6tr 2 года назад

    anh ơi, cho e xin src ảnh đc ko ạ

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

    em thấy phần bên phải đăng ký đăng nhập có nằm thấp hơn các phần còn lại .làm sao fix anh .

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

      ban chinh class navbar-icon khoang 14px thoi la no bang nhau

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

    👍

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

    Em ghét BEM quá :v

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

    Dùng SCSS thì hover để hiện block như thế nào nhỉ? Mình search GG rồi mà toàn ra CSS chứ không phải SCSS