cho em hỏi: với width của body=900px, 2 cái thẻ div nằm chung dòng(content và sidebar) thì thiết lập width như thế nào để nó gắn liền như trong video ạ, trong khi tổng width 2 thẻ div đó thì nhỏ hơn 900 ạ(596+300,em có tự làm theo tỉ lệ này nhưng vẫn không ở chung 1 dòng). Em có tự làm, với width 900, 2 the div nằm chung dòng có width lần lượt là 600 và 236 thì nó mới khít lại so với thẻ div tên header. lớn hơn tí thì nó lại thành 2 dòng khác nhau, nhỏ hơn thì có khoảng trống. có quy luật nào để biết chính xác width của 2 thể content và sidebar để hiển thị = width của body không ạ? Cảm ơn ad hoặc mn đã xem và giải đáp ạ.
@@twistedfate9475 do 2 cái div ở dưới đều có padding mà nếu chỉ viết padding không nói rõ top bot right hay left thì n sẽ tăng cả 4 chiều nhé mỗi chiều tăng ra 1em ( do quy định font-size ở trên là 16px) nên mỗi chiều bị tăng ra 16px suy ra mỗi thẻ div ở dưới bị rộng ra 32px nên 2div là 64px vừa đẹp với 960px ở div trên nhé b
anh ơi cho em hỏi em làm giống y hệt anh sao thẻ content và sidebar bên em lại không chung một hàng giống như bài giảng của anh. Trường hợp này xử lý thế nào hả anh? Cảm ơn anh!
![[Học CSS - 9] Kỹ thuật Box Model cơ bản](http://i.ytimg.com/vi/Cl995AKItbc/mqdefault.jpg)
![[Học CSS - 9] Kỹ thuật Box Model cơ bản](/img/tr.png)
![[Học CSS - 21] Thiết kế giao diện đơn giản](/img/1.gif)
Tiếng gõ phím phê quá anh :)))) ASMR bàn phím
Dễ hiểu, cảm ơn bạn. 🥰
cảm ơn anh rất rất nhiều. em hiểu đc thẻ div trong định dạng và chia bố cục. rất đẹp và hữu ích ạ
cảm ơn bạn video rất hay.
Dạ em cảm ơn ❤️❤️
Cái này muốn qua notepade và làm hoàn chỉnh phải làm ntn v ạ?
Video mình làm giao diện trang tesla.com bằng HTML và CSS ruclips.net/video/wGsFJ2gLDEg/видео.html
1em là tính theo kiểu gì vậy ?
anh cho em hỏi lấy 2 sô 596px vơi 300px là liên quan gì với nhau với phần body 960px a
Liên quan đến chỗ padding 1em = 16px nữa :D
cho em hỏi: với width của body=900px, 2 cái thẻ div nằm chung dòng(content và sidebar) thì thiết lập width như thế nào để nó gắn liền như trong video ạ, trong khi tổng width 2 thẻ div đó thì nhỏ hơn 900 ạ(596+300,em có tự làm theo tỉ lệ này nhưng vẫn không ở chung 1 dòng). Em có tự làm, với width 900, 2 the div nằm chung dòng có width lần lượt là 600 và 236 thì nó mới khít lại so với thẻ div tên header. lớn hơn tí thì nó lại thành 2 dòng khác nhau, nhỏ hơn thì có khoảng trống. có quy luật nào để biết chính xác width của 2 thể content và sidebar để hiển thị = width của body không ạ? Cảm ơn ad hoặc mn đã xem và giải đáp ạ.
960 - ( 596 + 300) = 64 ; 900 - (600+236) = 64 cứ lấy size tổng trừ đi 64 rồi cưa ra
sao lại có tình trạng đó hả bạn ? nó lq tới phần padding à nhưng mà tính sao ra 64 vậy
hay do padding là 16 nên top right bottom left đề là 16 nên 16x4 à , vậy thì cả hai cột đều phải cùng padding mới đc à ? nếu mà khác thì làm ntn ?
@@twistedfate9475 do 2 cái div ở dưới đều có padding mà nếu chỉ viết padding không nói rõ top bot right hay left thì n sẽ tăng cả 4 chiều nhé mỗi chiều tăng ra 1em ( do quy định font-size ở trên là 16px) nên mỗi chiều bị tăng ra 16px suy ra mỗi thẻ div ở dưới bị rộng ra 32px nên 2div là 64px vừa đẹp với 960px ở div trên nhé b
Do căn chỉnh cả trái và phải nên mỗi content và sidebar đều dùng 2 lần 1em là 32 tổng là 64 vì font-size =16. Mình nghĩ là thế vì mình cũng mới học.
rất hay. nhưng em có câu hỏi là làm sao nếu như có 1 bố cục trên 1 mặt giấy thì em có thể dễ dàng tính toán ạ? cảm ơn anh
a ơi e hỏi tí ạ thẻ và thẻ < p> nó khác nhau như thế nào ạ
thẻ là thẻ đặt tiêu đề còn thẻ là thẻ đoạn văn bản
anh ơi cho em hỏi em làm giống y hệt anh sao thẻ content và sidebar bên em lại không chung một hàng giống như bài giảng của anh. Trường hợp này xử lý thế nào hả anh? Cảm ơn anh!
đến clip này anh không giải thích bản chất dùng để làm cái gì xem xong ngta cũng chả hiểu dùng để làm gì, ít nhất cũng phải nêu bản chất chứ anh :))))
làm thế nào để mình tìm đc px phù hợp vậy ạ
tại sao 2 thẻ kia vẫn ko chung 1 hàng vậy ạ?
tại sao lúc em thêm thẻ ... thì các khung div bị tách ra 1 khoản ạ ??
Bạn comment code đoạn đó luôn đi.