REM lấy theo thẻ html html 40px thì 1rem = 40px EM phụ thuộc thẻ gần nhất chứa nó cũng có tên như nó % phụ thuộc vào thẻ chứa nó vw, vh phụ thuộc vào kích thước trình duyệt
Dùng cho phần tử nào cũng được em nhé. Nó không phụ thuộc vào việc với ảnh hay với thẻ gì khác. Nó phụ thuộc vào mục đích sử dụng. Đơn vị % tỉ lệ theo thẻ cha, cái vw, vh thì tỉ lệ theo viewport. Ví dụ nếu muốn 50% thẻ cha thì dùng %, 50% viewport width thì dùng 50vw.
Rem thì phụ thuộc html rồi nên dễ r,nhưng % và Em đều phụ thuộc thẻ gần nhất chứa nó ạ, vậy phân biệt 2 tk này thế nào ạ, hay là % chỉ phụ thuộc thẻ chứa nó, còn Em thì thẻ gần nhất chứa nó. Thực tế thì sử dụng Rem nhiều hơn Em.
cái định dạng CSS của box đổi từ height: 100px sang 50% thì nó không hiện gì hết là sao nhỉ , theo như lý thuyết thì nó bằng 1/2 kích thước thẻ chứa nó cụ thể ở đây là thẻ body(kích thước trình duyệt luôn) ?
ví dụ css ban đầu dùng px. sau làm xong hết rồi khách yêu cầu đổi sang đơn vị rem. có cách nào thay đổi nhanh được không ạ. hay phải thay đổi từng css. Mong được chỉ giáo ạ
Phải sửa thủ công thôi em ơi. Nhanh hơn thì em search toàn project để tìm chỗ cần sửa, kết hợp với regex thì có thể tìm kiếm và replace luôn với VS Code nhé.
@@longvo3484 body mặc định = trình duyệt , bạn thấy có khai báo kích thước gì cho body đâu, body là phần nội dung hiển thị của 1 tl html trình duyệt. Trình duyệt là công cụ hiển thị toàn bộ 1 tệp html. html = body+head (title, meta,..). head hiển thị ở phần title bar - tab bar của trình duyệt, còn body là toàn bộ cái khung nhìn.
@@longvo3484 ở đây nếu thay đổi kích thước body thì % của h1, div nằm trong body sẽ thay đổi theo body chứ k phải html. nhưng vì k khai báo gì kích thước body nên body kích thước cũng kế thừa thẻ cha html.
@@longvo3484 ở đây, ví dụ về "relative unit: Em" a này có thay đổi kích thước của thẻ cha, để cho m.n thấy nó k phụ thuộc thml mà phụ thuộc thẻ chứa nó, còn Rem mới phụ thuộc html.M chỉ trả lời đến đây thôi nhé, còn lại b tự tìm hiểu nhé.
mn cho mình hỏi khi mình viết một câu lệnh gì đó khi mình repet nó ra màn hình thì nó lại xuất hiện thêm một document (mà nó không xuất hiện trong một document)cứ mỗi lần repet thì xuất hiện thêm một documet
mình thắc mắc vw, vh: bằng tỉ lệ kích thước màn hình hay trình duyệt, mình nghĩ hai cái này khác nhau chứ nhỉ, mình thấy bạn lúc nói bằng tỉ lệ kích thước màn hình, lúc lại nói bằng tỉ lệ kích thước trình duyệt
Div tag nghĩa là thẻ div đó em. Trong HTML sử dụng các thẻ để đánh dấu nội dung, hiểu nôm na là các thẻ HTML là phần khung của trang web em nhé. Trong đó thẻ div là một thẻ dùng để phân chia các khối, giúp em bố cục trang web nhé.
Height dùng đơn vị % thì chỉ kế thừa được chiều cao của thẻ cha nếu thẻ cha có chiều cao cố định em nhé. Nếu thẻ cha mà height auto thì không kế thừa được đâu.
![[Flexbox nâng cao] Liên hệ Flex model với các thuộc tính Flexbox trong CSS](http://i.ytimg.com/vi/Ma8q2RYH5qY/mqdefault.jpg)
Giá như e biết đến kênh của anh sớm hơn ,a nói rất dễ hiểu ạ
Học a Sơn mọi cái, mọi vấn đề vẫn là dễ hiểu và dễ tiếp thu nhất.
mỗi 1 video mà có 1 phần bài tập riêng thì hay biết mấy . cảm ơn ad đã có bài học rất bổ ích ạ
@@johnynguyen840 thanh niên này ra ngoài chắc nhiều ng ghét lắm đây , chuyên phản bác và suy nghĩ tiêu cực
chào ad mình đang du học bên nhật đang học chuyên môn về IT b dạy rất chi tiết ủng hộ b
Hôm nay học lại lần 2 mới hiểu được, phải ghi chép đàng hoàng , k bị rối kiến thức với nhau .
Cảm ơn ad nhiều. Dạy quá chi tiết luôn :))
giọng hay quá, + 1 động lực cày trước trên lớp
REM lấy theo thẻ html
html 40px thì 1rem = 40px
EM phụ thuộc thẻ gần nhất chứa nó cũng có tên như nó
% phụ thuộc vào thẻ chứa nó
vw, vh phụ thuộc vào kích thước trình duyệt
giọng anh hay quá em mê giọng anh r đấy
Cảm ơn a , a dạy dễ hiểu quá ạ
Ngưỡng mộ a quá , cám ơn anh Sơn
Tổng kết lại chúng ta có 5 cách sử dụng phổ biến
1. px
2. %
3. rem
4. em
5. vw
6. vh
cam on f8 a giang rat de hieu
hay quá ạ e cảm mơn a ❤
Em cảm ơn anh nhiều lắm ạ.
cái % hay vw, vh có áp dụng cho ảnh k a
Dùng cho phần tử nào cũng được em nhé. Nó không phụ thuộc vào việc với ảnh hay với thẻ gì khác. Nó phụ thuộc vào mục đích sử dụng. Đơn vị % tỉ lệ theo thẻ cha, cái vw, vh thì tỉ lệ theo viewport. Ví dụ nếu muốn 50% thẻ cha thì dùng %, 50% viewport width thì dùng 50vw.
Anh dạy có tâm quá .
anh dạy rất hay mong anh ra nhiều video
Rem thì phụ thuộc html rồi nên dễ r,nhưng % và Em đều phụ thuộc thẻ gần nhất chứa nó ạ, vậy phân biệt 2 tk này thế nào ạ,
hay là % chỉ phụ thuộc thẻ chứa nó, còn Em thì thẻ gần nhất chứa nó. Thực tế thì sử dụng Rem nhiều hơn Em.
em phụ thuộc vào font size của thằng cha trước còn % phụ thuộc vào thuộc tính trước của cha trước
Thank you for this tutorial.
hay quá anh ơi
Mờ quá a
yo bro, really thankya. Big respect
có cần phải liên kết không ạ,sao em cho kích cỡ như anh mà nó không ra hình chữ nhật màu đỏ kia
em rem chỉ tham chiếu đến font-size của phần tử gốc đúng không ạ.
VW Vh đều phụ thuộc html như Rem vậy 2 ô này phân biệt vs rem như nào ạk
Vh vw .chiếm bn % độ dài rộng trình duyệt.
cái định dạng CSS của box đổi từ height: 100px sang 50% thì nó không hiện gì hết là sao nhỉ , theo như lý thuyết thì nó bằng 1/2 kích thước thẻ chứa nó cụ thể ở đây là thẻ body(kích thước trình duyệt luôn) ?
Ad cho em hỏi em tạo box với width height như video nhưng khi lên web thì nó lại có viền ạ trắng xung quanh vậy ạ
Trong video kế thừa được mà giờ gõ lại nó cũng ko kế thừa height giống bạn
không biết giá khóa học là bao nhiêu vậy anh
cho mình hỏi đơn vị nào dùng cho thuộc tính nào thế bạn?
Rất hay (y)
ví dụ css ban đầu dùng px. sau làm xong hết rồi khách yêu cầu đổi sang đơn vị rem. có cách nào thay đổi nhanh được không ạ. hay phải thay đổi từng css. Mong được chỉ giáo ạ
Phải sửa thủ công thôi em ơi. Nhanh hơn thì em search toàn project để tìm chỗ cần sửa, kết hợp với regex thì có thể tìm kiếm và replace luôn với VS Code nhé.
bài này mấy cái em, rem phụ thuộc thuộc tính của thẻ html và thẻ chứa nó làm hơi khoai,hơi rối chút
mn cho mình hỏi khi nào thì kích thước thẻ body = trình duyệt,khi nào thì kích thước thẻ body khác kích thước trình duyệt ạ
@@longvo3484 body mặc định = trình duyệt , bạn thấy có khai báo kích thước gì cho body đâu,
body là phần nội dung hiển thị của 1 tl html trình duyệt.
Trình duyệt là công cụ hiển thị toàn bộ 1 tệp html.
html = body+head (title, meta,..). head hiển thị ở phần title bar - tab bar của trình duyệt, còn body là toàn bộ cái khung nhìn.
@@longvo3484 ở đây nếu thay đổi kích thước body thì % của h1, div nằm trong body sẽ thay đổi theo body chứ k phải html. nhưng vì k khai báo gì kích thước body nên body kích thước cũng kế thừa thẻ cha html.
@@longvo3484 ở đây, ví dụ về "relative unit: Em" a này có thay đổi kích thước của thẻ cha, để cho m.n thấy nó k phụ thuộc thml mà phụ thuộc thẻ chứa nó, còn Rem mới phụ thuộc html.M chỉ trả lời đến đây thôi nhé, còn lại b tự tìm hiểu nhé.
@@dcmessitinh5854 vân nếu thẻ html k khác báo kích thước thì nó bằng kích thướt của trình duyệt luôn hay sao ạ
mn cho mình hỏi khi mình viết một câu lệnh gì đó khi mình repet nó ra màn hình thì nó lại xuất hiện thêm một document (mà nó không xuất hiện trong một document)cứ mỗi lần repet thì xuất hiện thêm một documet
great!!!
❤
mình thắc mắc vw, vh: bằng tỉ lệ kích thước màn hình hay trình duyệt, mình nghĩ hai cái này khác nhau chứ nhỉ, mình thấy bạn lúc nói bằng tỉ lệ kích thước màn hình, lúc lại nói bằng tỉ lệ kích thước trình duyệt
Trình duyệt ý bạn. Sr bạn lúc quay nhiều khi nói nhầm ko để ý được ý
Vh, vw nó tỉ lệ với viewport trình duyệt bạn nhé.
@@F8VNOfficial cảm ơn bạn
thầy ơi cho e hỏi cái div tag là j ạ e cảm ơn ?:)
Div tag nghĩa là thẻ div đó em. Trong HTML sử dụng các thẻ để đánh dấu nội dung, hiểu nôm na là các thẻ HTML là phần khung của trang web em nhé. Trong đó thẻ div là một thẻ dùng để phân chia các khối, giúp em bố cục trang web nhé.
em để 100vh ở width thì nó with thì như 50vw ở witdth vậy anh, mong anh giải thích ạ :3
cho em hỏi kích thước trình duyệt và kích thước màn hình khác nhau gì ạ?
tui nghĩ trình duyệt ô thu nhỏ dc :)) màn hình thì cố định
@@vuongle1789 hihi, cảm ơn bạn, lâu rồi mới thấy người học cùng:v
cho minh hỏi là làm sao refresh trang đang làm HTML,CSS ngay lập tức như trong video v ạ ?
Lưu lại nha bạn ctrl +s
Bạn để auto save ý. Nó sẽ tự động save lại
@@DuyMinh0309 bấm chỗ nào để auto save vậy bạn
Cho e hỏi là thẻ body có kế thừa height của trình duyệt không ạ, vì e thất div.box cho height: 100% thì không được ạ.
Height dùng đơn vị % thì chỉ kế thừa được chiều cao của thẻ cha nếu thẻ cha có chiều cao cố định em nhé. Nếu thẻ cha mà height auto thì không kế thừa được đâu.
@@F8VNOfficial vâng ạ, còn width e thấy dùng đc cả 100% và 100vw vì nó có thể kế thừa từ html ạ.
@@CuongNguyen-yh9dh Những thông tin này em đọc trên w3school có hết em nhé. Chăm chỉ đọc tài liệu hơn là nắm chắc những cái này nhé
sao em . o trong phan head no cu bi loi a
Anh ơi, cho em hỏi vì sao e đặt box có width:100% và height:100% thì không đưuọc vậy ạ
@Son Goku làm gì mà đc ?
ba
cho mình hỏi nút rì phét ở đâu z ạ =)))))))))
mn cho mình hỏi khi nào thì kích thước thẻ body = trình duyệt,khi nào thì kích thước thẻ body khác kích thước trình duyệt ạ
Khi bạn k set kích thước cố định cho body thì body sẽ đi theo màn hình. Còn khi b set cố định ngược lại. Mình nghĩ vậy 😅
Thằng con sẽ kế thừa thằng cha sát nó. Ko biết bạn học tới đâu. Tui cũng vỡ lòng 🤣
Cho em hỏi làm cách nào vừa code xong thì index.html tự dộng refesh lại trang mà k cần F5 ạ
cài live sever ấy bạn . code xong ctrl s là bên web tự refesh
@@tuyenhuynh3600 mình cài rồi mà không được ta
Bạn chuột phải màn hình bấm open live sever mà vẫn kh được hay sao
@@tuyenhuynh3600 à mình làm được rồi thanks bạn nhé
tiếc chỗ không biết đến anh sớm hơn huhu...
vậy % vs em tương tự nhau hả mn
Hơi bị ngưỡng mọ anh anh à
anh ơi tại sao lại .box 1:46. vì nó thuộc class ạ?
hi em
dạy chậm chậm tí với nhanh quá bạn ơi
trên lớp làm j dc dại mấy này
Mlk, se pá que o canal foi hackeado
6million views WOW. tNice tutorials has to be the soft soft video with the most views ever ?