[Tin tức] Thiết kế web 43 – Thực hành xác định vị trí hiển thị phần tử bằng CSS phần 1 12 Tháng tám, 2024 Bởi admin Link tài liệu và mã nguồn:
Thông tin cơ bản Normal flow – Các phần tử nối tiếp nhau dù thay đổi kích thước của thẻ trong html. Relative -Bạn có thể duy chuyển phần tử có thuộc tính position: relative mà ko ảnh hưởng đến các phần tử khác, phần tử dc chọn chỉ có thể css trong chính dòng của nó. Absolute -Bạn có thể di chuyển phần tử ra bất cứ đâu thậm chí cả phần tử cha chứa nó. Fixed: -Làm 1 propertie bám dính, nó bám dính vào dòng và nổi đè lên các phần tử khác. z-index: -Thứ tự hiển thị của các phần tử nó khắc chế fixed. Thứ tự ưu tiên từ lớn đến nhỏ. Bình luận
Thông tin cơ bản
Normal flow
– Các phần tử nối tiếp nhau dù thay đổi kích thước của thẻ trong
html.
Relative
-Bạn có thể duy chuyển phần tử có thuộc tính position: relative
mà ko ảnh hưởng đến các phần tử khác, phần tử dc chọn chỉ có
thể css trong chính dòng của nó.
Absolute
-Bạn có thể di chuyển phần tử ra bất cứ đâu thậm chí cả phần tử
cha chứa nó.
Fixed:
-Làm 1 propertie bám dính, nó bám dính vào dòng và nổi đè lên
các phần tử khác.
z-index:
-Thứ tự hiển thị của các phần tử nó khắc chế fixed.
Thứ tự ưu tiên từ lớn đến nhỏ.
E cảm ơn thầy nhiều ạ