Kiểm tra đường đẫn với CSS3

Công nghệ mỗi ngày một phát triển, là một nhà thiết kế, công việc đòi hỏi bạn phải thường xuyên cập nhật các công nghệ mới nhất để ứng dụng cho sản phẩm của mình. Hôm nay, chúng ta sẻ sử dụng một tính năng độc đáo của CSS3 để kiểm tra nhanh các đường dẫn trên website. | Kiểm tra đường đẫn với CSS3 Công nghệ mỗi ngày một phát triển là một nhà thiết kế công việc đòi hỏi bạn phải thường xuyên cập nhật các công nghệ mới nhất để ứng dụng cho sản phẩm của mình. Hôm nay chúng ta sẻ sử dụng một tính năng độc đáo của CSS3 để kiểm tra nhanh các đường dẫn trên website. Vấn đề Bạn muốn nhanh chóng hoàn thành các sản phẩm web của mình. Bạn bắt đầu bằng việc viết dàn trang bằng HTML để sẵn ở đó vì bạn chưa biết khách hàng sẻ yêu cầu mình thiết lập những thành phần nào của trang web nên bạn để trống các đường dẫn chuyển hướng trên website. Sau đây là một ví dụ nhỏ trên một phần công việc của bạn ul id- nav li a href Home li a href About li a href Contact . ul Một thời gian sau đó bạn tìm được khách hàng bây giờ bạn muốn lấy bản dàn trang mà mình đã làm sẵn để tiếp tục phát triển và hoàn thiện. Bạn không nhớ được vị trí chính xác của các đường dẫn mà mình đã bỏ trống. Vậy bạn phải làm gì để có thể nhanh chóng tìm ra các đường dẫn liên kết đó Vâng đơn giản là bạn chỉ cần sử dụng CSS3 để kiểm tra các đường dẫn mà mình đã tạo. CSS3 - Giải pháp cho bạn Chỉ cần dán đoạn mã dưới đây vào cuối tập tin CSS của bạn. Find all links where an href is not provided html body a not href html body a href background red important Sau đó bạn mở trang web của mình lên bằng một trong các trình duyệt có hỗ trợ CSS3 bây giờ bất kì một liên kết nào bị rỗng sẻ có nền màu đỏ. Sửa tập tin HTML của bạn theo yêu cầu của khách hàng và kiểm tra lại nhé. Khi tất cả các đường dẫn đã được điền vào các mảng màu đỏ sẻ tự động biến mất. Bonus kiểm tra nâng cao Để kiểm tra xem website của bạn có sử dụng các liên kết JavaScript hay không bạn chỉ cần dán đoạn mã sau đây vào .

Không thể tạo bản xem trước, hãy bấm tải xuống
TỪ KHÓA LIÊN QUAN
TÀI LIỆU MỚI ĐĂNG
12    26    1    29-11-2024
Đã phát hiện trình chặn quảng cáo AdBlock
Trang web này phụ thuộc vào doanh thu từ số lần hiển thị quảng cáo để tồn tại. Vui lòng tắt trình chặn quảng cáo của bạn hoặc tạm dừng tính năng chặn quảng cáo cho trang web này.