- - การใช้ CSS: ดูกฎ CSS ที่ใช้กับเว็บเพจและส่งออกไฟล์ [Firefox]

การใช้ CSS: ดูกฎ CSS ที่ใช้บนหน้าเว็บและส่งออกไฟล์ [Firefox]

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

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

การใช้ CSS

อาจมีไฟล์ CSS มากกว่าหนึ่งไฟล์ที่ใช้บนหน้าเว็บขยายและย่อเพื่อดูแต่ละไฟล์และเนื้อหา

มุมมองการใช้ CSS ใน firebug

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

การส่งออกไฟล์การใช้ CSS

แม้ว่าเลย์เอาต์ของไฟล์ CSS สามารถปรับปรุงได้บ้าง แต่ก็ยังดีพอที่คุณจะได้ทราบว่าสไตล์แตกต่างกันอย่างไร

ติดตั้งส่วนขยายการใช้ CSS สำหรับ Firefox

ความคิดเห็น