Hướng dẫn thiết kế & thuật toán 2025, Tháng BảY

Có các ký tự unicode hình tam giác. Bạn có thể vẽ một hình tam giác trong SVG. Nhưng có một cách khác để vẽ một hình tam giác trên web, không liên quan gì đến thuộc tính đường viền và một chút thủ thuật CSS. "

Có một số hoạt ảnh cuộn có thể sử dụng trong CSS mà không cần bất kỳ JavaScript nào. Chỉ cần nhìn vào chương về Chỉ báo cuộn, đây rõ ràng là phép thuật của CSS. Nhưng chúng ta có thể thực hiện rất nhiều hoạt ảnh cuộn trực tiếp trong CSS chỉ với một chút thông tin do JavaScript cung cấp: trang đã cuộn được bao xa. "

Thuộc tính box-shadow rõ ràng là hữu ích cho các bóng sáng phía sau các phần tử mang lại cảm giác về chiều và sự tách biệt. Nhưng bóng hộp có một số thủ thuật trong tay áo của nó, đặc biệt là làm thế nào để bóng hộp không cần mềm, có thể xếp chồng lên nhau và thậm chí không cần đặc biệt ở gần. "

Bạn có thể tạo các sọc nền trong CSS bằng cách sử dụng tuyến tính-gradient. Chúng ta thường nghĩ về một gradient như một sự mờ dần từ màu này sang màu khác, nhưng mẹo đối với các đường sọc là không có bất kỳ sự phai màu nào cả. Thay vào đó, chúng tôi có thể chỉ định “điểm dừng màu” tại cùng một vị trí, sao cho màu sắc thay đổi ngay lập tức từ một (…) "

Có lẽ thủ thuật lớn nhất trong tất cả các lưới CSS là có thể viết bố cục cột không khai báo rõ ràng số hàng hoặc số cột, nhưng tự động tạo chúng dựa trên các hướng dẫn hơi lỏng lẻo và nội dung bạn cung cấp. "

Kéo một phần tử xung quanh màn hình là một thứ khá chắc chắn trong lãnh thổ của JavaScript. Bạn sẽ muốn truy cập vào các sự kiện DOM như nhấp chuột và di chuyển chuột. Nhưng chúng ta ở đây để nói về thủ thuật CSS, vì vậy chúng ta hãy hoàn thành nó trong HTML và CSS một mình! "

Các nhãn phải có thuộc tính "for" khớp với ID của đầu vào mà chúng đang gắn nhãn. Điều này có nghĩa là chúng tôi có thể lấy thuộc tính đó và sử dụng nó trong bộ chọn để "