브라우저 F12 개발자 모드에서 현재 적용된 CSS 찾기.
1.
브라우저에서 F12 를 눌러 개발자 툴을 열어줍니다.
그리고 좌측 상단의 
아이콘을 누르고
브라우저에서 찾고 싶은 영역을 클릭 합니다.
그러면 위 스크린샷 처럼 해당 엘리먼트에 적용된 CSS 가 나오는데
css 파일에 마우스를 대면 위치가 나옵니다.
해당 CSS 를 수정하시면됩니다.
추가팁1.
두번째 스크린샷 처럼 CSS 가 오른쪽 창에 나와있을때 해당 CSS 를 직접 변경하시면
현재 브라우저에도 임시로 반영이 됩니다. (폰트 크기나 색상 등등..)
이후 다시 되돌리고 싶으면 F5 새로고침을 하면 됩니다.
추가팁2.
CSS 파일을 찾아서 수정 했는데도 적용이 안될때에는
쉬프트+F5 를 눌러 수~~퍼 새로고침을 하면 캐시가 갱신되어 새로 수정한 css 가 반영됩니다.
댓글 1개
3개월 전
감사합니다.
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4443 | ||
| 2694 | 2개월 전 | 203 | ||
| 2693 | 2개월 전 | 162 | ||
| 2692 | 2개월 전 | 169 | ||
| 2691 | 2개월 전 | 183 | ||
| 2690 | 2개월 전 | 336 | ||
| 2689 | 2개월 전 | 247 | ||
| 2688 |
 SIR개발팀 |
2개월 전 | 450 | |
| 2687 | 3개월 전 | 302 | ||
| 2686 |
선택과집중
|
3개월 전 | 339 | |
| 2685 | 3개월 전 | 301 | ||
| 2684 | 3개월 전 | 361 | ||
| 2683 | 3개월 전 | 492 | ||
| 2682 | 3개월 전 | 285 | ||
| 2681 | 3개월 전 | 311 | ||
| 2680 |
선택과집중
|
3개월 전 | 283 | |
| 2679 | 3개월 전 | 339 | ||
| 2678 |
 Xenon54 |
3개월 전 | 437 | |
| 2677 |
Xenon54 |
3개월 전 | 510 | |
| 2676 | 3개월 전 | 335 | ||
| 2675 | 3개월 전 | 311 | ||
| 2674 |
선택과집중
|
3개월 전 | 489 | |
| 2673 |
 ideaman |
3개월 전 | 328 | |
| 2672 | 3개월 전 | 346 | ||
| 2671 | 3개월 전 | 293 | ||
| 2670 | 3개월 전 | 269 | ||
| 2669 | 3개월 전 | 381 | ||
| 2668 | 3개월 전 | 297 | ||
| 2667 |
선택과집중
|
3개월 전 | 496 | |
| 2666 |
선택과집중
|
4개월 전 | 478 | |
| 2665 |
선택과집중
|
4개월 전 | 418 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기