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.
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ếpLayering 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ếpPosition (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ếpHệ 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ếpBo 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ếpLà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ếpChiề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ếpCá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ếpSử 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ếpSử 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