• 이용 문의
  • 회원가입
  • 로그인

[intro] CSS - 요소 선택자 스타일 위치 알아내기 ★★★★★

 

선택자 위치 찾기

 

1.
크롬으로 접속

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

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

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

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

 

 

 

요소보기 창 띄우기

 

F12 

또는

Ctrl  +  Shift  +  C

 

 

 

 

소스보기 창 띄우기

 

Ctrl  +  U

 

 

 

 

즐겨찾기 (= 북마크) : Ctrl + D

방문자 수

오늘 555
어제 697
최대 728
전체 473,477
Since 2012