Phần 3: Hiệu ứng, Responsive, Thực tiễn
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 26: Reset CSS & Normalize CSS – giúp trình duyệt đồng nhất
Khi bạn viết CSS và thử trên nhiều trình duyệt (Chrome, Firefox, Safari…), bạn sẽ thấy một số thành phần…
Đọc tiếpBài 25: Biến CSS (CSS Variables) và tổ chức chuyên nghiệp
Khi bạn xây dựng một giao diện lớn, việc dùng lại màu sắc, font-size, khoảng cách là điều chắc chắn.…
Đọc tiếpBài 24: Đơn vị CSS – px, %, em, rem, vw, vh
Trong CSS, mọi thứ đều có kích thước: font chữ, chiều rộng, khoảng cách, khung, v.v. Để kiểm soát chúng…
Đọc tiếpBài 23: Thiết kế responsive – Bố cục co giãn cho mọi thiết bị
Media Queries là công cụ, còn thiết kế responsive là tư duy. Responsive không chỉ là “nhét CSS cho mobile”,…
Đọc tiếpBài 22: Media queries – Viết CSS cho từng kích thước thiết bị
Khi bạn truy cập một trang web bằng điện thoại, máy tính bảng hoặc màn hình lớn, giao diện thường…
Đọc tiếpBài 21: Animation – Chuyển động nâng cao với CSS
CSS transition chỉ áp dụng khi có thay đổi trạng thái (như hover, active), nhưng nếu bạn muốn tạo chuyển…
Đọc tiếpBài 20: Transition – hiệu ứng mượt mà trong CSS
Khi một thuộc tính CSS thay đổi (ví dụ: màu nền, kích thước, độ mờ…), trình duyệt thường thay đổi…
Đọc tiếpBài 19: Hover, active, focus – hiệu ứng khi tương tác
Một trang web không chỉ cần đẹp, mà còn phải tương tác tốt với người dùng. Khi người dùng rê…
Đọc tiếp