Phần 2: Xây dựng layout và bố cục
Khám phá các bài học, hướng dẫn và kinh nghiệm lập trình từ VNWebPro.
Bài 20: Thực hành – tạo layout card sản phẩm responsive với Tailwind CSS
Chúng ta đã đến bài 20, bài cuối cùng của Phần 2: Xây dựng layout và bố cục. Đây là…
Đọc tiếpBài 19: Layering và thứ tự hiển thị (z-index, order) trong Tailwind CSS
Tiếp tục với bài 19, bài học cuối cùng trước khi thực hành lớn trong Phần 2. Đây là lúc…
Đọc tiếpBài 18: Position (relative, absolute, fixed, sticky) trong Tailwind CSS
Trong bài học này, bạn sẽ học cách kiểm soát vị trí chính xác của phần tử trong layout —…
Đọc tiếpBài 17: Hệ thống spacing nâng cao trong Tailwind CSS
Đây là một trong những bài học quan trọng nhất để làm cho layout trông gọn gàng và dễ đọc:…
Đọc tiếpBài 16: Bo góc, shadow và hiệu ứng đổ bóng trong Tailwind CSS
Trong thiết kế giao diện, có những chi tiết nhỏ nhưng mang lại cảm giác tinh tế và hiện đại…
Đọc tiếpBài 15: Làm việc với background và border trong Tailwind CSS
Chúng ta tiếp tục với bài 15, bước vào phần “trang trí” cho layout bằng cách tùy chỉnh nền và…
Đọc tiếpBài 14: Chiều rộng, chiều cao và giới hạn (min/max) trong Tailwind CSS
Trong thiết kế web, ngoài việc “bố trí vị trí” thì kích thước của từng thành phần cũng đóng vai…
Đọc tiếpBài 13: Các lớp hiển thị – display, visibility, z-index trong Tailwind CSS
Đôi khi, vấn đề không phải là bố cục hiện ra như thế nào, mà là nó có được hiển…
Đọc tiếpBài 12: Sử dụng Grid layout trong Tailwind CSS
Nếu Flexbox giúp bạn sắp xếp phần tử theo hàng hoặc cột, thì Grid layout lại là công cụ mạnh…
Đọc tiếpBài 11: Sử dụng Flexbox trong Tailwind CSS
Một trong những bước ngoặt quan trọng trong thiết kế giao diện web hiện đại là Flexbox. Nó giúp bạn…
Đọc tiếp