Thuộc tính vị trí tuyệt đối | CSS Position: Absolute
👉 Khóa Học HTML CSS Pro tốt nhất bạn có thể tìm thấy: fullstack.edu.vn/landing/htmlcss
👉 XEM LỘ TRÌNH HỌC: fullstack.edu.vn/learning-paths
Bài học này chúng ta cùng tìm hiểu về thuộc tính vị trí tuyệt đối trong CSS - Position: Absolute
#hoclaptrinh #hoclaptrinhmienphi #html_css #frontend #backend #devops
----
☻ Phần mềm sử dụng trong video:
Công cụ dịch Tiếng Anh: bit.ly/2Wsuhet
Công cụ đo đạc giao diện web: bit.ly/3muevdD
Công cụ viết CV xin việc chuyên nghiệp: mycv.vn
--------------
☻ Khóa học lập trình web MIỄN PHÍ:
Kiến thức nhập môn: fullstack.edu.vn/courses/lessons-for-newbie
Xây dựng giao diện với HTML, CSS: fullstack.edu.vn/courses/html-css
Xây dựng web responsive: fullstack.edu.vn/courses/responsive-web-design
Lập trình Javascript cơ bản: fullstack.edu.vn/courses/javascript-co-ban
Lập trình Javascript nâng cao: fullstack.edu.vn/courses/javascript-nang-cao
Làm việc với Terminal & Ubuntu: fullstack.edu.vn/courses/windows-terminal-wsl
Xây Dựng Website với ReactJS: fullstack.edu.vn/courses/reactjs
Xây dựng web với Node & Express: fullstack.edu.vn/courses/nodejs
HTML, CSS tips: fullstack.edu.vn/courses/html-css-tutorials
Ứng dụng cảnh báo khi sờ lên mặt: fullstack.edu.vn/courses/tool-canh-bao-so-len-mat
Xem thêm tại: fullstack.edu.vn/courses
-------------------------------------
F8 Official
(c) Sơn Đặng
Website: fullstack.edu.vn
Facebook cá nhân: sondnf8
Nhóm Học Lập Trình Web: groups/f8official
Email: contact@fullstack.edu.vn
© Bản quyền thuộc về Channel F8 Official ☞ Do not Reup
© Nghiêm cấm sử dụng video nhằm mục đích thương mại dưới mọi hình thức.
Пікірлер: 53
- position: absolute; sẽ phụ thuộc vào element có thuộc tính position gần nhất. Và có thể di chuyển xong quanh element đó. Cmt cho nhớ.Cảm ơn anh.
CSS hay như thế mà chưa có ai dạy kỹ, sâu, ngắn gọn và thực tế như anh. Ngay cả thầy cô trong trường cũng coi nhẹ mấy cái này chỉ dạy sơ sài
@mrtuananhquangxuong2
2 жыл бұрын
trong trường chỉ dạy hướng đi thôi bạn,. cần phải tự học nhiều. thời lượng trên trường ko đủ. nói thật, thời lượng của riêng bài HTML này mà biên ra giáo án phải dạy 1 năm trời. với số lượng 3 tín chỉ
Respect... Kênh dạy rất ngắn gọn và dễ hiểu.
Cảm ơn anh, em đã học các khoá học Udemy nhưng không áp dụng được, xem đến kênh của anh thực sự hữu ích và áp dụng được vào project
quá dễ hiểu luôn. không phải ai cũng có khả năng sư phạm.
đã từng siêu lú với 2 thag này rela vs abso, thanks a
Hay dạy sâu vào position hay 👍🏻
Bài này hay quá..ngay cả học ở trường cũng không hiểu rõ như này
anh dạy dễ hiểu quá ạ
Bạn dạy dễ hiểu quá
cảm ơn anh nhiều
ở bài này, tôi có 1 chút chia sẻ đó là: nếu như 1 thẻ có thuộc tính position là absolute nhưng không có thẻ cha nào có sử dụng position thì thẻ đó sẽ lấy thẻ body làm gốc tọa độ nhé.
Rất hay ạ.
Em cảm ơn anh ạ
hay de hieu, tks a!!
Cảm ơn ạ
position : absolute Phụ thuộc vào element có thuộc tính position gần nhất
Ngắn gọn xúc tích
thông não =)). cảm ơn kênh rất nhiều
rất hay
Cho mình hỏi cái Extention Hover Translate mà anh Sơn xài là tên gì vậy mn ? mình tìm k ra @@
cho e hỏi khi a chỉnh 4 số 0 thành 4 số 10 cùng 1 lúc anh làm thế nào vậy
hay
Hay
Mình có 1 số thắc mắc mong được mn giải đáp: TH1: nếu chỉ có 1 thẻ cha, thì thẻ cha đó BUỘC phải có thuộc tính relative đúng không ạ? TH2: Thẻ cha là A, thẻ con là B và con của thẻ B là C, thì thẻ A cũng BUỘC phải là relative và thẻ B và C thì có thể là absolute hoặc relative hoặc là chung absolute hoặc relative đều được đúng không ạ
Mình thấy phần tử con với thuộc tính position và giá trị relative vẫn lấy phần tử mẹ có thuộc tính với giá trị bất kỳ gần nhất nó nhất làm đối tượng điều chỉnh, đúng không nhỉ
tại sao khi em để class cha là relative, con là absolute khi chỉnh top, left...thì đối tượng con vẫn nhảy ra ngoài như chưa có gì ngăn vậy anh
@HienNguyen-vf7jw
2 жыл бұрын
Thì đúng mà bạn, bạn chỉnh quá thì nó sẽ bị bay ra ngoài. Nhưng nếu nó tìm được thằng gần nhất nó có thuộc tính position thì khi bạn để top:0 & right=0 thì nó sẽ ôm trong thẻ chứa position gần nhất đó, nhưng nếu ko có thì có thể nó sẽ ko ôm trong đó lệch vị trí, để test biết rõ bạn tạo 1 cái có postion : absolute thui còn 1 cái ko để position mà thay vào đó là margin-top & right đi sẽ thấy thay đổi nhé!
Sao cái backgroud của e nó không sát góc anh
Cảm ơn thầy rất nhiều. Cho mình hỏi một chút là muốn tra từ điển trực tiếp như thầy khi rà chuột vào từ tiếng anh thì nó xuất hiện của sổ nhỏ nghĩa tiếng việt thì mình cài đặt phần mềm nào ah? Cảm ơn Thầy.
@onguyen6232
3 жыл бұрын
cái tiện ích google translate của chrome
@TruongMinhTriFX
3 жыл бұрын
@@onguyen6232 Vâng cảm ơn
hay quá bạn cho hỏi đọc sách nào hay có web nào viết về mấy phần này không? Cảm ơn nhiều
@attien4510
2 жыл бұрын
w3schools
5:08 làm sao chọn từng dòng vậy anh
@othanh9866
3 жыл бұрын
Ctr + D bạn
anh ơi cho em hỏi là chọn nhiều chữ số 0 để thay đổi thành 10 thì dùng cách nào thế ạ?
@DungHoang-zq1ns
2 жыл бұрын
mình cũng ko hiểu cách đó
@tule347
2 жыл бұрын
@@DungHoang-zq1ns ctr+d ấy b
@DungHoang-zq1ns
2 жыл бұрын
@@tule347 cảm ơn b nha
mặc định của tất cả các thẻ là "position: static", vậy thì các thẻ có "postion: absolute" không cần thiết phải "đi tìm" thẻ có khai báo position để làm thẻ cha nữa, mà là nhận thẻ cấp cao hơn gần nó nhất và nhận thẻ đó là thẻ cha. Mình nghĩ vậy có đúng ko Ad?
@F8VNOfficial
2 жыл бұрын
Ko bạn ơi, trong video này mình nói chưa đúng đoạn đó lắm. Chính xác là mặc định position là static, các thẻ position absolute sẽ phụ thuộc vào thể có position nhưng khác static bạn nha. Vd như relative, fixed
Position mặc định là static anh ơi, các tag div kia thực ra vẫn có position là static. Thằng absolute chỉ ăn theo thằng có position là relative gần nhất chứa nó.
@F8VNOfficial
3 жыл бұрын
Xin lỗi vì anh dùng từ "có thuộc tính position" khiến em hiểu nhầm. Ý anh là có thuộc tính position không phải mặc định ấy, mặc định là static, nghĩa là tĩnh. Position absolute phụ thuộc vào tất cả thẻ cha có position absolute khác mặc định (tĩnh) em nhé.
@trongtainguyen861
3 жыл бұрын
@@F8VNOfficial Ngoài chỗ này ra, anh giảng phần nào cũng Xuất Sắc hết, em nghiền ngẫm 3 ngày nay được 2 lần rồi :D
@trongtainguyen861
3 жыл бұрын
Cảm ơn anh, Tết này em được lì xì, em muốn donate cho page thì qua kênh nào được ạ? Em có tìm nhưng không thấy trên f8's page
@haiang6949
3 жыл бұрын
cho mình hỏi tức là thẻ con mà có thuộc tính position absolute thì nó sẽ ăn theo thẻ cha gần nó nhất mà có thuộc tính position không phải là mặc định static) đúng ko bạn
@manhtran8526
2 жыл бұрын
@@F8VNOfficial cách gõ nhanh chỉnh cùng lúc đoạn 4 hướng từ 0 thành 10 px là nhấn phím gì vậy bạn ơi
thế là coi cae 1 tệp là 1 box . box mới đè lên box cũ à.
Khúc này hơi nhức đầu
Position:static thì nó đâu có phụ thuộc ah ơi 😅
@F8VNOfficial
8 ай бұрын
Đúng rùi em ơi. Video ngày đó anh chưa nói rõ chỗ mặc định nó là static và static thì không có định vị nè. Cảm ơn em nhiều nha