Firebug를 사용하여 HTML 및 CSS 보기 및 편집

설명

이 튜토리얼 장에서는 Firebug를 사용하여 HTML과 CSS를 보고 편집하는 방법에 대해 설명합니다.

보려는 요소를 마우스 오른쪽 버튼으로 클릭하고 요소 검사를 클릭하세요.

inspect-html-firebug

이제 Firebug 창에서 Edit을 클릭하세요.

코드 수정 <h1>Firebug 구성 요소</h1> .

inspect-html-firebug2

Firebug 창에서 코드를 수정하기만 하면 수정된 코드가 브라우저에 표시되는 효과를 볼 수 있습니다. 실시간으로 코드를 HTML 파일에 복사할 수도 있습니다.

보려는 요소를 마우스 오른쪽 버튼으로 클릭하고 요소 검사를 클릭하세요. 아래 그림과 같이 스타일 파일

inspect-css-firebug

을 클릭하여 제목 색상을 color:red;

로 수정하여 제목 색상을 수정하시면 수정 완료 후 바로 수정된 효과를 보실 수 있습니다.

이제 수정된 스타일을 복사하고 원본 코드를 대체한 후 저장하여 적용할 수 있습니다.

inspect-css-firebug2