Hướng dẫn lập trình website HTML cơ bản toàn tập
1: CSS là gì ? Cấu trúc của file CSS
2: Cú pháp viết CSS, Comment trong css
3: Màu sắc, đơn vị tính trong CSS
4: Văn bản và định dạng văn bản trong CSS
5: Lớp (class) và định danh (id) trong CSS
6: Thẻ div, màu nền, hình nền, khung trong CSS
7: Khoảng cách trong (padding) và khoảng cách ngoài (margin) trong CSS
8: Định dạng tương đối (relative), tuyệt đối (absolute), fixed trong CSS
9: Thuộc tính float, clear, z-index trong CSS
10: Thuộc tính After và Before trong CSS
Minh họa về float clear z-index
Thuộc tính float trong CSS đóng vai trò rất quan trọng trong việc xây dựng chia bố cục HTML của một trang web thường sử dụng ở các thẻ div để chia layout cho trang web, các giá trị của float thường được sử dụng nhất:
left: quy định cho phần tử nổi lên và nghiêng về bên trái
right: quy định cho phần tử nổi lên và nghiêng về bên phải
none: mặc định không nổi về bên nào.
Thuộc tính clear qui định lại về cách sắp xếp lại của các thành phần float, đôi khi mình không muốn float ở một số tình huống nào đó sẽ dùng clear để xóa float đi, các giá trị của clear
left : Hủy thuộc tính float left
right : Hủy thuộc tính float right
both : Hủy thuộc tính float ngay lập tức
z-index là thuộc tính quy định thứ tự xếp chồng nhau của các thành phần html, thứ tự chồng nhau được sắp xếp dựa theo giá trị số, thành phần HTML nào có chỉ số z-index cao hơn sẽ nằm trên, ngược lại sẽ nằm dưới, giá trị mặc định là 0, có thể sử dụng số âm (-), z-index chỉ làm việc với thuộc tính relative, absolute, fixed. Các giá trị của z-index :
- auto : thứ tự mặc định của HTML.
- số nguyên : sắp xếp theo giá trị truyền vào.
- inherit : thừa hưởng z-index từ thành phần cha.
Hãy ấn đăng ký kênh, like và share nếu video này giúp ích cho bạn thay vì lời cám ơn!
Thuộc tính float, clear, z-index trong CSS
0937.587.087
Bạn đang cần tư vấn dịch vụ, than phiền dịch vụ hoặc đóng góp ý kiến?
Quốc Bửu Group luôn luôn lắng nghe, tiếp nhận và xử lý một cách triệt để, xin vui lòng gọi số hotline hoặc gửi thông tin yêu cầu bên dưới, chúng tôi sẽ liên hệ với bạn trong thời gian sớm nhất có thể.
Copyright © 2010 - 2026 Quoc Buu Group.
All rights reserved.
Khóa học SEO Google uy tín từ A - Z một kèm một, tặng website chuẩn
Dạy seo web cho người mới bắt đầu từ A - Z một kèm một uy tín
Đào tạo seo website lên top google miễn phí tên miền & hosting năm đầu
Thầy dạy kèm SEO web tại quận 12 Tphcm uy tín