• 1:1 문의
  • 회원가입
  • 로그인

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

 

선택자 위치 찾기

 

1.
크롬으로 접속

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

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

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

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

 

 

 

요소보기 창 띄우기

 

F12 

또는

Ctrl  +  Shift  +  C

 

 

 

 

소스보기 창 띄우기

 

Ctrl  +  U

 

 

 

 

즐겨찾기 (= 북마크) : Ctrl + D
홈페이지 제작
유지보수 관리

분류 제목
intro CSS - 정의와 장점 + CSS 기본 문법
intro CSS - 발전사 (CSS1 → .01 → CSS3)
intro CSS - 적용 방법 3가지 ★★★ - (인라인 스타일 / 내부 스타일 / 외부 스타일) 적용 순서 + 속…
selector CSS - 선택자 (Selector) 종류
selector CSS - 아이디(id) , 클래스(class) 선택자 ★★★★★
selector CSS - 전체선택자 (*)
selector CSS - 요소선택자 (요소)
selector CSS - 병렬선택자 (요소,요소) ★ - 요소 여러개 나열
selector CSS - 자손선택자 (요소 요소) ★ - 특정 요소 아래의 모든 자손 요소
목록

방문자 수

오늘 345
어제 471
최대 583
전체 438,679
Since 2012