8:40 Đôi khi có vài bạn sẽ không thể add ảnh đúng ( tức nếu code theo thì ảnh sẽ bị lệch và bị zoom quá mức - nó sẽ k tự căn chỉnh phù hợp) như a Nam đang làm dù có code theo y hệt; Thì các bạn thử thêm trong file index.html phần ảnh thành nhé. Trong vid thì a ý lại không thêm class img vào thẻ img chỗ HTML mà phần style.css a ý vẫn gọi img{} rồi vẫn chạy đc mà mình cũng không hiểu sao nó lại chạy bình thường như thế được =)). Nhưng theo cách của mình fix bên trên thì mọi người có thể thấy sẽ hoạt động giống y hệt trong vid nhé. Đó là cách của mình (Mình đang học thôi nên chưa có nhiều kiến thức lắm). Ai mà làm đc theo cách a Nam trong vid thì có thể giải thích cho mình nhé. Cảm ơn mn. cảm ơn Nodemy rất nhiều !
sao e code xong đưa chuột vào ảnh thì từ bên trái thì nó hiện từ giữa sang bên trái và hết khung nhưng khi e đưa ở giữa thì nó nhấp nháy từ giữa sang trái trái giữa nó nhảy liên tục v là sao ạ, giúp e
Dùng ul li a cũng được em nhé, không khác biệt lắm, chú ý là thẻ a vs div sẽ có những css mặc định, dùng kiểu gì cugnx được, miễn là css ra ngon lành nhé.
Vì kích thước ảnh vs kích thước img HTML khác nhau nhé, em để object-fit: cover hoặc contain để giữ nguyên độ nét ảnh. Còn muốn khít thì em phải thiết kế ảnh theo độ dài rộng của thiết kế trước.
Trời ơi, mình mất bao nhiêu thời gian công sức mà chả được cái gì có lần Nhờ phây búc Moganit ✨tạo cho 1 cái giờ dung khỏe re, biết ơn rất là nhiều luôn. ✨✨✨
Vì phải có transition đối với hoạt cảnh trở về nữa đó bạn . Ví dụ là bạn hover vào thì sẽ thấy mượt , tuy nhiên khi bạn bỏ hover ra mà ko có transition thì cái hiệu ứng khi nó trở về vị trí cũ sẽ ko mượt .
bạn dùng bootrap mà bạn muốn restyle lại property bạn phải gọi lại element chỉ đích cụ thể rồi bạn style property của nó lại , để đè lên cái mặc định của bootrap nhé. cí dụ nút button của bootrap nó mặc định là không có màu bg , bo tròn góc 3px , bạn phải gọi lại button#'id của button' { // style lại }
thật sự bổ ích, mình học xong lý thuyết từ các trang online nhưng cảm giác không tự tin thực hành, may mà tìm được trang này. cảm ơn anh rất nhiều
Hay quá anh, lúc em làm rườm rà lắm xong xem video của anh học được nhiều mẹo ghê.
Hay quá Bro ơi. Những kiến thức căn bản nhưng rất hay
thank bạn, follow để đón xem video mới nhé
8:40 Đôi khi có vài bạn sẽ không thể add ảnh đúng ( tức nếu code theo thì ảnh sẽ bị lệch và bị zoom quá mức - nó sẽ k tự căn chỉnh phù hợp) như a Nam đang làm dù có code theo y hệt; Thì các bạn thử thêm trong file index.html phần ảnh thành nhé.
Trong vid thì a ý lại không thêm class img vào thẻ img chỗ HTML mà phần style.css a ý vẫn gọi img{} rồi vẫn chạy đc mà mình cũng không hiểu sao nó lại chạy bình thường như thế được =)). Nhưng theo cách của mình fix bên trên thì mọi người có thể thấy sẽ hoạt động giống y hệt trong vid nhé.
Đó là cách của mình (Mình đang học thôi nên chưa có nhiều kiến thức lắm). Ai mà làm đc theo cách a Nam trong vid thì có thể giải thích cho mình nhé. Cảm ơn mn. cảm ơn Nodemy rất nhiều !
Khi sử dụng overflow: hidden;, bất kỳ phần nào của nội dung vượt quá kích thước của phần tử sẽ bị ẩn đi và không hiển thị ra ngoài.
trong bài này chỉ có 1 phần img nên vẫn gọi thẳng để css cho img, khi nào bạn đặt trong class="img" thì bạn mới .img
thật sự cảm ơn anh rất nhiều! video rất giá trị
Thanks em. Chăm chỉ luyện hết 30days này là lên tay luôn nhé
hay qá anh ơi
Video rất hay ạ
Cảm ơn em, thấy hay nhớ đăng ký kênh để ủng hộ anh ra nhiều video chủ đề mới nữa nhẽ bạn
@@Nodemy e dky r ạ
hóng quá !!!
Đăng ký kênh để anh ra tiếp các video khác không bị bỏ lỡ em nhé.
cảm ơn anh, bài này rất thực tế ạ
Mấy bạn cho mình hỏi sao ảnh của mình chỉ nhận góc trên bên trái vậy, tại ảnh mình khá lớn ấy
video rất hay và bổ ích ạ nhưng a nên bỏ link ảnh để mn dễ thực hành ạ
sao e code xong đưa chuột vào ảnh thì từ bên trái thì nó hiện từ giữa sang bên trái và hết khung nhưng khi e đưa ở giữa thì nó nhấp nháy từ giữa sang trái trái giữa nó nhảy liên tục v là sao ạ, giúp e
Cái này phải inspect mới rõ được nguyên nhân, k thể miêu tả vậy được, em vào nhóm zalo để được hỗ trợ nhé, link group trong miêu tả đó em
hay quá a ơi
Cảm ơn bạn. Thấy hay thì đăng ký kênh với chia sẻ ae cùng học hỏi và trao đổi nhé em
4:40 tại sao lại dùng thẻ div bao thẻ a vậy ạ? Chỗ này em hay dùng ul>li>a, nó có khác nhau gì ở đây không và nên dùng cách nào ạ?
Dùng ul li a cũng được em nhé, không khác biệt lắm, chú ý là thẻ a vs div sẽ có những css mặc định, dùng kiểu gì cugnx được, miễn là css ra ngon lành nhé.
@@Nodemy cảm ơn anh đã giải đáp
cảm ơn anh rất nhiều ạ
Hay quá anh ơi, nhưng mà nếu có ứng dụng grid system , responsive vào thì hay biết mấy
Đi làm có làm mấy cái này ko ạ hay khó hơn nhiều ạ
Bài giảng rất hay nhưng sao bạn không cho link để tải các hình ảnh cho thực hành code lại nội dung đã học.
Bạn có thể thay bất kì ảnh nào vào thay thế nhé
A nhà ở đâu thé, cứ tới lui trong tim e....
anh cho em hỏi sao em bỏ hình vào nó kh nhận hết cả hình mà chỉ nhận được có 1 góc
Vì kích thước ảnh vs kích thước img HTML khác nhau nhé, em để object-fit: cover hoặc contain để giữ nguyên độ nét ảnh. Còn muốn khít thì em phải thiết kế ảnh theo độ dài rộng của thiết kế trước.
anh ơi em muốn chia bố cục trên 3 thẻ dưới 3 thẻ thì sao a
b làm luôn cái day7 dc ko b . Đúng cái mình đang cần làm cho project :v
theo thứ tự chứ bro
xem code đc mà bạn
Các vid hướng dẫn sẽ ra dần dần b nhé. Nhớ đăng ký kênh để nhận được thông báo mỗi video nha :D
Trời ơi, mình mất bao nhiêu thời gian công sức mà chả được cái gì có lần Nhờ phây búc Moganit ✨tạo cho 1 cái giờ dung khỏe re, biết ơn rất là nhiều luôn. ✨✨✨
24:45 tại sao lại cần set thuộc tính transition trong class card_img mà không phải đặt tại card_img:hover vậy ạ?
Vì phải có transition đối với hoạt cảnh trở về nữa đó bạn . Ví dụ là bạn hover vào thì sẽ thấy mượt , tuy nhiên khi bạn bỏ hover ra mà ko có transition thì cái hiệu ứng khi nó trở về vị trí cũ sẽ ko mượt .
@@HuyPham-ft5vq Cảm ơn bạn, giải thích rất rõ ràng
anh ơi nếu như em muốn tác nó 3 cái trên cái dưới thì sài lệnh gì vậy
anh làm sao mà vừa code mà vừa coi được kết quả nó chạy như anh vậy
Làm khó kinh nha mọi người , mình lên phây búc tìm Moganit họ làm cho hay lắm
anh nên để link demo để bọn em soi màu hoặc tự code theo cho dễ ạ
23:57 sao không hover rồi để margin về 0 nhỉ @@
Có nhiều cách lắm, bạn thử xem và cùng so sánh 2 hiện tượng nhé.
Cần gấp mà k biết tạo wed si te như nào thì nhờ phây búc Moganit ho làm thì khỏi phải bàn
mình có boottrap thì nó ko hover ảnh như vậy ạ , nó chỉ hover đúng phần div của nó thôi , xóa boottrap thì như video trên .
bạn dùng bootrap mà bạn muốn restyle lại property bạn phải gọi lại element chỉ đích cụ thể rồi bạn style property của nó lại , để đè lên cái mặc định của bootrap nhé. cí dụ nút button của bootrap nó mặc định là không có màu bg , bo tròn góc 3px , bạn phải gọi lại button#'id của button' { // style lại
}
mới hiểu cơ bản html css thì theo được k ạ
Em làm theo hướng dẫn hoàn toàn có thể theo được em nhé :D
phải học chácw truocsw bạn à
Nếu bạn có thời gian, bạn có thể tham khảo khóa học cắt giao diện thực chiến trên kênh của mình nhé, cảm ơn! Cảm ơn bạn đã đọc.
Quay không thấy đc code
Up file lên ở đâu anh
Mình không có máy tính không biết tạo 1 trang như thế nào may sao lên phây búc tìm Moganit bên này họ làm cho t ốt phết mọi người ạ
tạo cái host 127.11:5500 như nào v anh
em tải liveserver nhé
Mò cả buổi trời không xong may mắn sao tìm được phây búc Moganit họ làm cho vừa nhanh lại được việc
em xin src code đc ko anh
warning: in the working copy of 'fontawesome-free-6.3.0-web/sprites/solid.svg', LF will be replaced by CRLF the next time Git touches it
Là như nào ạ
Làm khó kinh nha mọi người , mình lên phây búc tìm Moganit họ làm cho hay lắm