วิธีดาวน์โหลดไฟล์ CSS จากเว็บไซต์

ผู้เขียน: Robert White
วันที่สร้าง: 26 สิงหาคม 2021
วันที่อัปเดต: 13 พฤษภาคม 2024
Anonim
How to Copy Another Site’s CSS Using Chrome Developer Tools
วิดีโอ: How to Copy Another Site’s CSS Using Chrome Developer Tools

เนื้อหา

เว็บไซต์ที่คุณชอบใช้สไตล์ที่คุณต้องการสร้างซ้ำหรือไม่? คุณต้องการตรวจสอบรูปแบบเหล่านี้ แต่ไม่รู้ว่าจะทำอย่างไร ไม่ยากอย่างที่คิด เพียงทำตามขั้นตอนที่ระบุไว้ในบทความนี้

ขั้นตอนที่ 1

ไปที่หน้าที่มีลักษณะที่คุณต้องการคัดลอก

ขั้นตอนที่ 2

ดูซอร์สโค้ด คุณสามารถทำได้โดยพิมพ์ Ctrl + U ใน Firefox ซึ่งหมายความว่าคุณจะกดปุ่มควบคุมค้างไว้แล้วพิมพ์ "U" ใน Internet Explorer คุณสามารถคลิกขวาบนเพจจากนั้นคลิกที่ "ดูซอร์สโค้ด"

ขั้นตอนที่ 3

บางครั้งสไตล์จะถูกเก็บไว้ในหน้าแม้ว่าจะไม่ใช่เรื่องธรรมดา โดยส่วนใหญ่จะเพิ่มลงในไซต์ผ่าน "รวม" ตัวอย่างเช่น:

href = "/ css / styles.css"

ข้อความด้านบนนี้เป็นการรวมสำหรับไฟล์ CSS


หากต้องการค้นหาข้อความนี้อย่างง่ายดายในซอร์สโค้ดคุณสามารถคลิก "Ctrl + F" และค้นหา "css"

ขั้นตอนที่ 4

ตอนนี้ดูที่ด้านบนของเบราว์เซอร์ของคุณ คุณควรเห็นบางอย่างเช่น "www.dominio.com" หรือ "www.minhaorg.org"

ขั้นตอนที่ 5

หลังจากชื่อโดเมนแล้วให้คัดลอกและวางลิงก์ "/css/styles.css" ที่คุณได้รับจาก "href" ด้านบน

ตัวอย่างเช่นพิมพ์ "www.yourdomain.com/css/styles.css"

จากนั้นกด Enter สไตล์ชีตควรปรากฏในเบราว์เซอร์

ขั้นตอนที่ 6

บันทึกสไตล์ลงในคอมพิวเตอร์ของคุณโดยใช้ "ไฟล์" ---> "บันทึกเป็น ... " หรือเลือกรูปแบบทั้งหมดแล้วคัดลอกและวาง

ขั้นตอนที่ 7

สามารถมีไฟล์. css ได้หลายไฟล์ในหน้าเดียว ในกรณีนั้นอาจจำเป็นต้องทำซ้ำสำหรับแต่ละขั้นตอน สไตล์ที่คุณต้องการอาจไม่อยู่ในไฟล์ css แรกที่คุณดาวน์โหลด