Hướng dẫn Firebug để debug HTML, CSS hiệu quả

1. Giới thiệu 
Công cụ hỗ trợ hiệu quả khi làm việc HTML và CSS - hiệu chỉnh và xem trực tiếp.
Theo mình khi làm việc với inspect element từ firebug tiện lợi hơn gủa Google, Safari, và debug IE
        Trong quá trình làm thì mình cảm thấy ưu tiên như sau:
            Thứ 1. Firebug của firefox (setup addon)
            Thứ 2. Chrome có sẵn debug HTML, và CSS - Right click page sẽ thấy Inspect element hoặc là kiểm tra phần tử tiếng việt
            Thứ 3. Safari->menu reference->Advance -> check box: Show develop in menu bar (check vào - right click page sẽ thấy inspecthtml)
            Thứ 4: IE debug - tệ nhất.
        Trong quá trình sử dụng thì lấy Firebug để làm, khi dự án hoàn thành tùy theo mỗi Browser bị lỗi mà sử dụng để debug riêng.
2. Download và setup

3. Giới thiệu Giao diện

4. HTML debug bằng Firebug

5. CSS debug bằng Firebug

6. Lưu ý
Sau khi debug bằng firebug tiến hành lưu trữ tại file HTML, PHP hoặc CSS (phù thuộc vào cách tổ chức website).