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

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

5,298  

 

 

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

 

1.
크롬으로 접속

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

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

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

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

 


 

요소보기창 띄우기

 

F12 

또는

Ctrl  +  Shift  +  C

 

 

 

 

소스보기창 띄우기

 

Ctrl  +  U

 

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



이름
비밀번호
자동등록방지
분류 제목
intro CSS - CSS정의・CSS장점・CSS구문・CSS초기화
intro CSS - 발전사 (CSS1 → CSS2.01 → CSS3)
intro CSS - 적용 방법 3가지 ★★★ - (인라인스타일 / 내부스타일 / 외부스타일) CSS적용순서 + 속성 강제 적용 !important
selector CSS - 선택자 (Selector) 종류 + 선택자에 사용가능한 문자 (= 선택자 이름짓기 주의사항)
selector CSS - ID선택자 (= 아이디선택자) , class선택자(= 클래스선택자) + CSS적용 우선순위 ★★★★★
selector CSS - * 전체선택자 - 모든요소 (요소선택자)
selector CSS - element 요소선택자 - 지정요소 (요소선택자)
selector CSS - element,element 병렬선택자 ★ - 나열된요소 (= 여러요소, 요소선택자)
1/20
목록

방문자 수

오늘 1,036
어제 1,416
최대 2,081
전체 657,601
Since 2012