You watching: Cách lấy css của 1 trang web với extension snappy snippet
Snappy Snippet là một tiện ích của google Chrome giúp bạn sao chép những đoạn CSS mà bạn muốn học hỏi hay làm theo. Để làm được điều này bạn cần download Snappy Snippet
Sau khi cài đặt xong, bạn nhấn F12 ở website mà bạn muốn sao chép thì bạn sẽ trong thấy công cụ Snappy Snippet.
Hình 1 : Công cụSnappy Snippet khi cài đặt xong |
Và dưới đây là hình ảnh của Snappy Snippet sau khi được cài đặc xong và mở lên. Chúng ta cùng bắt đầu xem ứng dụng này nhé.
Hình 2 : Hình ảnhSnappy Snippet khi mở lên |
Đầu tiên bạn cần chọn phần muốn sao chép CSS và bấm vào Create a snippet from inspected element để công cụ này load.
See more: 1️ Top 5 Quán Lẩu Riêu Cua Bắp Bò Ngon Rẻ Ở Hà Nội Hiện Nay
Sau khi có kết quả các bạn có thể thấy rằng một cột sẽ chứa HTML và một cột chứa CSS. Bạn chỉ cần Copy phần CSS về là bạn có thế lấy CSS từ một trang web.
Hình 3 : Phần hiển thì CSS và HTML |
Hình 4 : Phần setting của công cụSnappy Snippet |
Bạn có thể tuỳ chỉnh nhanh code CSS ở phần bên dưới của Snappy Snippet. Những phần cài đặt đó là :Chỉ giữ các thuộc tính viết tắt [ví dụ: giữ "đường viền", nhưng bỏ "border-width"]Xóa thuộc tính với giá trị trình duyệt mặc địnhXóa các thuộc tính bắt đầu bằng "-webkit"Kết hợp cùng một quy tắc với nhauĐịnh dạng và làm sạch HTMLBao gồm các phần tử đầu trong đoạn mãĐặt trước tất cả ID CSS
Snappy Snippet là một công cụ vô cùng tiện lợi và cũng là cách lấy CSS của 1 trang web. Tuy nhiên, bạn hãy sử dụng công cụ này cho mục đích tham khảo và học tập của bạn. Những hành vi sao chép và sử dụng của người khác luôn được xem là phạm pháp, hơn nữa nếu phạm lạm dụng nó quá mức thì Snappy Snippet sẽ làm thui chột năng lực bản thân của bạn.
See more: Bà Bầu Nên Uống Nước Dừa Khi Mang Thai: Tổng Hợp 8 Lợi Ích Tuyệt Vời
Hello, thank you for visiting METALTAILA.CO, you are the motivation for me to develop and share. I love you guys !I will use the donation that I will use to develop this blog for the better. BANK MASTER CARD: 1234 5678 9101 1234 Phone : +62 815 2725 4982 PAYPAL : paypal.me/YOU