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

  • @manhngo2724
    @manhngo27243 жыл бұрын

    - 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.

  • @maicaotri3668
    @maicaotri36683 жыл бұрын

    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

    @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ỉ

  • @QNV248
    @QNV2483 жыл бұрын

    Respect... Kênh dạy rất ngắn gọn và dễ hiểu.

  • @nhannguyen9651
    @nhannguyen96513 жыл бұрын

    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

  • @hieut1392
    @hieut1392 Жыл бұрын

    quá dễ hiểu luôn. không phải ai cũng có khả năng sư phạm.

  • @duyopham520
    @duyopham5203 жыл бұрын

    đã từng siêu lú với 2 thag này rela vs abso, thanks a

  • @taiuc2923
    @taiuc29233 жыл бұрын

    Hay dạy sâu vào position hay 👍🏻

  • @nhquyen_
    @nhquyen_3 жыл бұрын

    Bài này hay quá..ngay cả học ở trường cũng không hiểu rõ như này

  • @inhthanhnhan7221
    @inhthanhnhan72212 жыл бұрын

    anh dạy dễ hiểu quá ạ

  • @huuNguyen-bm2ju
    @huuNguyen-bm2ju2 жыл бұрын

    Bạn dạy dễ hiểu quá

  • @tovanhung1378
    @tovanhung13783 жыл бұрын

    cảm ơn anh nhiều

  • @phamducphutrong
    @phamducphutrong Жыл бұрын

    ở 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é.

  • @phamngochuyen343
    @phamngochuyen3434 жыл бұрын

    Rất hay ạ.

  • @chamomile_.
    @chamomile_.3 жыл бұрын

    Em cảm ơn anh ạ

  • @Linhftu
    @Linhftu2 жыл бұрын

    hay de hieu, tks a!!

  • @quanghung7612
    @quanghung76122 жыл бұрын

    Cảm ơn ạ

  • @phuongpham-gv2uz
    @phuongpham-gv2uz2 жыл бұрын

    position : absolute Phụ thuộc vào element có thuộc tính position gần nhất

  • @dainghia1299
    @dainghia12992 жыл бұрын

    Ngắn gọn xúc tích

  • @phattranminh589
    @phattranminh5892 жыл бұрын

    thông não =)). cảm ơn kênh rất nhiều

  • @tinhtranquoc6625
    @tinhtranquoc66253 жыл бұрын

    rất hay

  • @kinhbach8795
    @kinhbach87952 жыл бұрын

    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 @@

  • @31hoangsonnguyen67
    @31hoangsonnguyen67 Жыл бұрын

    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

  • @tunamusic2314
    @tunamusic23143 жыл бұрын

    hay

  • @dainghia1299
    @dainghia12992 жыл бұрын

    Hay

  • @kayzxjee
    @kayzxjee11 ай бұрын

    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 ạ

  • @bachvietdms1764
    @bachvietdms17642 жыл бұрын

    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ỉ

  • @gamehay24g97
    @gamehay24g972 жыл бұрын

    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

    @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é!

  • @24.nguyenlamquan12
    @24.nguyenlamquan122 жыл бұрын

    Sao cái backgroud của e nó không sát góc anh

  • @TruongMinhTriFX
    @TruongMinhTriFX3 жыл бұрын

    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

    @onguyen6232

    3 жыл бұрын

    cái tiện ích google translate của chrome

  • @TruongMinhTriFX

    @TruongMinhTriFX

    3 жыл бұрын

    @@onguyen6232 Vâng cảm ơn

  • @khanh7236
    @khanh72363 жыл бұрын

    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

    @attien4510

    2 жыл бұрын

    w3schools

  • @tdtd24
    @tdtd243 жыл бұрын

    5:08 làm sao chọn từng dòng vậy anh

  • @othanh9866

    @othanh9866

    3 жыл бұрын

    Ctr + D bạn

  • @kimchilee4355
    @kimchilee43553 жыл бұрын

    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

    @DungHoang-zq1ns

    2 жыл бұрын

    mình cũng ko hiểu cách đó

  • @tule347

    @tule347

    2 жыл бұрын

    @@DungHoang-zq1ns ctr+d ấy b

  • @DungHoang-zq1ns

    @DungHoang-zq1ns

    2 жыл бұрын

    @@tule347 cảm ơn b nha

  • @TheKennythai2609
    @TheKennythai26092 жыл бұрын

    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

    @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

  • @trongtainguyen861
    @trongtainguyen8613 жыл бұрын

    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

    @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

    @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

    @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

    @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

    @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

  • @user-kl5in1kf8d
    @user-kl5in1kf8d Жыл бұрын

    thế là coi cae 1 tệp là 1 box . box mới đè lên box cũ à.

  • @thucucnguyen4949
    @thucucnguyen49492 жыл бұрын

    Khúc này hơi nhức đầu

  • @chuonghocit
    @chuonghocit8 ай бұрын

    Position:static thì nó đâu có phụ thuộc ah ơi 😅

  • @F8VNOfficial

    @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

Келесі