레이아웃, 위젯등 수정시 CSS 파일 위치 확인하는 방법

XETemplate 2015.04.10 13:40:13

레이아웃이나 위젯 등 CSS를 대부분 사용하므로 해당 CSS를 수정해야 할 경우 CSS파일이 어디에 있는지 몇번줄인지 확인하는 방법입니다.

 

사파리, 크롬, 파이어폭스, 익스플로러 등 요소검사를 통해 위치를 확인합니다.

 

1. CSS 를 확인하고 싶은 영역 마우스 오른쪽 클릭 

2. 나타나는 팝업에서 요소검사를 선택

3. 검사기가 나타나면 html 및 css 확인(어느파일, 몇번줄 확인 가능)

4. 해당 파일을 열어 수정

 

 

IE 요소검사 화면

e1.jpg

 

 

파이어폭스 요소검사 화면

e3.jpg

 

크롬 요소검사화면

e2.jpg