Phần 1: Làm quen với Tailwind CSS
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 10: Thực hành – Tạo trang landing đơn giản với Tailwind CSS
Rất tốt, chúng ta đã đi qua 9 bài học đầu tiên và sắp hoàn thành Phần 1: Làm quen…
Đọc tiếpBài 9: Pseudo-class (hover, focus, active…) trong Tailwind
Bạn đã từng rê chuột vào nút bấm và thấy nó đổi màu? Hoặc khi nhấp vào ô nhập liệu,…
Đọc tiếpBài 8: Responsive design trong Tailwind CSS
Khi bạn xây dựng một trang web, người dùng có thể truy cập từ máy tính, máy tính bảng, hoặc…
Đọc tiếpBài 7: Typography – font, kích thước chữ, đậm nhạt, khoảng cách dòng
Màu sắc có thể thu hút ánh nhìn, bố cục có thể tạo sự cân đối — nhưng chữ viết…
Đọc tiếpBài 6: Hệ thống màu sắc trong Tailwind
Trong những bài trước, bạn đã bắt đầu làm quen với Tailwind CSS qua cách sử dụng các lớp bố…
Đọc tiếpBài 5: Cách viết layout với các lớp margin, padding
Khi xây dựng bất kỳ giao diện web nào, việc sắp xếp bố cục, căn lề, và tạo khoảng trống…
Đọc tiếpBài 4: So sánh Tailwind với CSS thuần và framework khác (Bootstrap, v.v.)
Trước khi đi sâu hơn vào việc sử dụng Tailwind CSS, có một điều quan trọng bạn cần hiểu rõ:…
Đọc tiếpBài 3: Cấu trúc class cơ bản và cách Tailwind hoạt động
Sau khi bạn đã cài đặt Tailwind CSS, câu hỏi tiếp theo là: Làm sao để sử dụng nó một…
Đọc tiếpBài 2: Cách cài đặt Tailwind CSS vào dự án (CDN và build tool)
1. Giới thiệu bài học Trong bài học này, bạn sẽ học được: 2. Cách 1: Dùng Tailwind qua CDN…
Đọc tiếpBài 1: Giới thiệu Tailwind CSS
Trong bài học đầu tiên, chúng ta sẽ tìm hiểu: 1. Tailwind CSS là gì? Tailwind CSS là một framework…
Đọc tiếp