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