브라우저 F12 개발자 모드에서 현재 적용된 CSS 찾기.
1.
브라우저에서 F12 를 눌러 개발자 툴을 열어줍니다.
그리고 좌측 상단의 
아이콘을 누르고
브라우저에서 찾고 싶은 영역을 클릭 합니다.
그러면 위 스크린샷 처럼 해당 엘리먼트에 적용된 CSS 가 나오는데
css 파일에 마우스를 대면 위치가 나옵니다.
해당 CSS 를 수정하시면됩니다.
추가팁1.
두번째 스크린샷 처럼 CSS 가 오른쪽 창에 나와있을때 해당 CSS 를 직접 변경하시면
현재 브라우저에도 임시로 반영이 됩니다. (폰트 크기나 색상 등등..)
이후 다시 되돌리고 싶으면 F5 새로고침을 하면 됩니다.
추가팁2.
CSS 파일을 찾아서 수정 했는데도 적용이 안될때에는
쉬프트+F5 를 눌러 수~~퍼 새로고침을 하면 캐시가 갱신되어 새로 수정한 css 가 반영됩니다.
댓글 1개
3개월 전
감사합니다.
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4421 | ||
| 2484 | 1년 전 | 1264 | ||
| 2483 | 1년 전 | 865 | ||
| 2482 | 1년 전 | 715 | ||
| 2481 | 1년 전 | 1085 | ||
| 2480 | 1년 전 | 1187 | ||
| 2479 | 1년 전 | 841 | ||
| 2478 | 1년 전 | 1177 | ||
| 2477 | 1년 전 | 782 | ||
| 2476 | 1년 전 | 1587 | ||
| 2475 | 1년 전 | 924 | ||
| 2474 |
 간장게장같은남자 |
1년 전 | 936 | |
| 2473 | 1년 전 | 1523 | ||
| 2472 | 1년 전 | 861 | ||
| 2471 | 1년 전 | 918 | ||
| 2470 | 1년 전 | 790 | ||
| 2469 | 1년 전 | 1373 | ||
| 2468 | 1년 전 | 2961 | ||
| 2467 | 1년 전 | 853 | ||
| 2466 |
간장게장같은남자 |
1년 전 | 1481 | |
| 2465 | 1년 전 | 806 | ||
| 2464 | 1년 전 | 1185 | ||
| 2463 | 1년 전 | 1353 | ||
| 2462 | 1년 전 | 1148 | ||
| 2461 |
간장게장같은남자 |
1년 전 | 1174 | |
| 2460 | 1년 전 | 763 | ||
| 2459 | 1년 전 | 950 | ||
| 2458 | 1년 전 | 1345 | ||
| 2457 | 1년 전 | 1269 | ||
| 2456 |
 oneit |
1년 전 | 773 | |
| 2455 |
블랙캣77
|
1년 전 | 1499 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기