• Q&A
  • 수강신청
  • 회원가입
  • 로그인

[intro] CSS - 요소 스타일위치 찾기 (= CSS선택자위치찾기 = 소스보기 = 소스퍼가기) ★★★★★

 

 

선택자위치 찾기 (= CSS 파일 찾기 = 스타일파일 찾기)

 

1.
크롬으로 접속

2.
수정할 요소에 마우스 커서 위치

3.
마우스 오른쪽 눌러 검사(N) 클릭

4.
우측 하단 HTML 창에서 찾을 요소들 마우스 커서 움직여가며 정확한 위치 선택

5.
우측 하단 CSS 창에서 해당 요소에 영향을 미치고 있는 모든 스타일 위치 확인
(스타일 소스 좌측 상단 보면 style.css:100 식으로 써있는데,
여기에 마우스 커서 올리면 파일 위치도 확인 가능.)

 

※ html 위치는 에디터플러스 같은 여러 파일 찾기 기능 지원하는 유틸 이용.

 

요소보기창 띄우기

 

F12 

또는

Ctrl  +  Shift  +  C

 

 

소스보기창 띄우기

 

Ctrl  +  U

 

※ 테마 경로 확인할 때 필요. Ctrl + F 눌러 찾기창 띄운 후, theme (아미나 경우 thema) 입력해서 확인.



자동로그인
Since 2012