CSS

[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) 입력해서 확인.



  • 채팅방
  • 필독
1. 채팅창 헤드에서 접속자 확인 2. 닉네임 클릭해 1:1 채팅 가능 3. 닉네임 클릭해 귓속말 가능 4. 닉네임 클릭해 호출하기 가능 5. 우하단 클릭해 환경 설정 가능 6. 의뢰글 작성 후 의뢰 상담 가능 7. 질문글 작성 후 질문 상담 가능 8. 채팅방에 개인정보 입력 금지 9. 채팅방에 광고 욕설 비방 금지
 홈  PC버전 로그인 일본어
코딩 언어
그누 강의 1
질문 의뢰
커뮤니티
홈짱닷컴 PC버전 로그인