브라우저 F12 개발자 모드에서 현재 적용된 CSS 찾기.
1.
브라우저에서 F12 를 눌러 개발자 툴을 열어줍니다.
그리고 좌측 상단의 
아이콘을 누르고
브라우저에서 찾고 싶은 영역을 클릭 합니다.
그러면 위 스크린샷 처럼 해당 엘리먼트에 적용된 CSS 가 나오는데
css 파일에 마우스를 대면 위치가 나옵니다.
해당 CSS 를 수정하시면됩니다.
추가팁1.
두번째 스크린샷 처럼 CSS 가 오른쪽 창에 나와있을때 해당 CSS 를 직접 변경하시면
현재 브라우저에도 임시로 반영이 됩니다. (폰트 크기나 색상 등등..)
이후 다시 되돌리고 싶으면 F5 새로고침을 하면 됩니다.
추가팁2.
CSS 파일을 찾아서 수정 했는데도 적용이 안될때에는
쉬프트+F5 를 눌러 수~~퍼 새로고침을 하면 캐시가 갱신되어 새로 수정한 css 가 반영됩니다.
댓글 1개
3개월 전
감사합니다.
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4410 | ||
| 2694 | 2개월 전 | 193 | ||
| 2693 | 2개월 전 | 151 | ||
| 2692 | 2개월 전 | 160 | ||
| 2691 | 2개월 전 | 176 | ||
| 2690 | 2개월 전 | 327 | ||
| 2689 | 2개월 전 | 238 | ||
| 2688 |
 SIR개발팀 |
2개월 전 | 442 | |
| 2687 | 2개월 전 | 294 | ||
| 2686 |
선택과집중
|
2개월 전 | 331 | |
| 2685 | 2개월 전 | 292 | ||
| 2684 | 2개월 전 | 350 | ||
| 2683 | 2개월 전 | 482 | ||
| 2682 | 2개월 전 | 279 | ||
| 2681 | 3개월 전 | 304 | ||
| 2680 |
선택과집중
|
3개월 전 | 278 | |
| 2679 | 3개월 전 | 333 | ||
| 2678 |
 Xenon54 |
3개월 전 | 430 | |
| 2677 |
Xenon54 |
3개월 전 | 503 | |
| 2676 | 3개월 전 | 328 | ||
| 2675 | 3개월 전 | 305 | ||
| 2674 |
선택과집중
|
3개월 전 | 481 | |
| 2673 |
 ideaman |
3개월 전 | 323 | |
| 2672 | 3개월 전 | 337 | ||
| 2671 | 3개월 전 | 285 | ||
| 2670 | 3개월 전 | 261 | ||
| 2669 | 3개월 전 | 374 | ||
| 2668 | 3개월 전 | 290 | ||
| 2667 |
선택과집중
|
3개월 전 | 486 | |
| 2666 |
선택과집중
|
3개월 전 | 472 | |
| 2665 |
선택과집중
|
3개월 전 | 409 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기