สำหรับมือใหม่หัดสร้างเวบแล้ว CSS อาจถือเป็นเรื่อง
ยากเลยทีเดียว จะเขียนหรือจะแก้คำสั่งต่าง ๆ ทีก็แทบสลบ
แต่ตอนนี้ เรามีวิธีแก้แล้ว เพียงทำตามขั้นตอนต่อไปนี้ เรื่อง CSS ที่ว่ายากก็จะกลายเป็นเรื่องง่ายเลยทีเดียวค่ะ
ก่อนอื่น เราจะต้องใช้ Firefox สำหรับงานนี้ค่ะ ใครยังไม่มี สามารถดาวน์โหลดมาติดตั้งได้ที่
คัดลอกไปที่คลิปบอร์ด
โค๊ด:
http://www.mozilla.com/en-US/firefoxเมื่อติดตั้งตัว browser เรียบร้อยแล้ว ให้ไปดาวน์โหลดตัวช่วยแก้ CSS ได้ที่นี่ค่ะ
คัดลอกไปที่คลิปบอร์ด
โค๊ด:
https://addons.mozilla.org/en-US/firefox/addon/60คลิกที่ Add to Firefox > Install > เมื่อเสร็จขั้นตอนนี้แล้ว ระบบจะให้เรา Restart Firefox
เมื่อเปิดขึ้นมาก็จะเห็น Menu ของ Web Developer โผล่ขึ้นมาหากท่านใดจะซ่อนไว้ก็แค่คลิกขวาที่ Menubar > เอาเครื่องหมายถูกออก
เมื่อต้องการแก้ไฟล์ CSS ก็ให้เปิดไฟล์ที่เราต้องการแก้ก่อน จากนั้นเข้าที่ CSS > View Style Infomation
ทีนี้เ้ม้าส์เราก็จะกลายเป็น+ ก็เอาไปไล่จิ้มตามตัวหนังสือ ภาพหรือกรอบต่างๆ
ก็จะมีโค๊ด CSSออกมาว่าเราต้องไปแก้ที่ไฟล์ไหน บรรทัดที่เท่าไหร่
หากจะเปลี่ยนมุมมองการแสดงผล ก็คลิกที่
หากจะปิดการใช้งานก็ CSS > View Style Infomation แล้วเอาเครื่องหมายถูกออก
