브라우저 F12 개발자 모드에서 현재 적용된 CSS 찾기.
1.
브라우저에서 F12 를 눌러 개발자 툴을 열어줍니다.
그리고 좌측 상단의 
아이콘을 누르고
브라우저에서 찾고 싶은 영역을 클릭 합니다.
그러면 위 스크린샷 처럼 해당 엘리먼트에 적용된 CSS 가 나오는데
css 파일에 마우스를 대면 위치가 나옵니다.
해당 CSS 를 수정하시면됩니다.
추가팁1.
두번째 스크린샷 처럼 CSS 가 오른쪽 창에 나와있을때 해당 CSS 를 직접 변경하시면
현재 브라우저에도 임시로 반영이 됩니다. (폰트 크기나 색상 등등..)
이후 다시 되돌리고 싶으면 F5 새로고침을 하면 됩니다.
추가팁2.
CSS 파일을 찾아서 수정 했는데도 적용이 안될때에는
쉬프트+F5 를 눌러 수~~퍼 새로고침을 하면 캐시가 갱신되어 새로 수정한 css 가 반영됩니다.
댓글 1개
3개월 전
감사합니다.
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4410 | ||
| 2514 | 1년 전 | 902 | ||
| 2513 |
베리소프트
|
1년 전 | 619 | |
| 2512 |
 SiheonLee |
1년 전 | 949 | |
| 2511 |
 RYANRYAN |
1년 전 | 1078 | |
| 2510 | 1년 전 | 1006 | ||
| 2509 | 1년 전 | 1057 | ||
| 2508 | 1년 전 | 1308 | ||
| 2507 | 1년 전 | 686 | ||
| 2506 | 1년 전 | 1253 | ||
| 2505 |
RYANRYAN |
1년 전 | 1208 | |
| 2504 | 1년 전 | 1409 | ||
| 2503 | 1년 전 | 944 | ||
| 2502 | 1년 전 | 1070 | ||
| 2501 | 1년 전 | 1170 | ||
| 2500 |
welcome
|
1년 전 | 1077 | |
| 2499 |
하늘그루터기
|
1년 전 | 870 | |
| 2498 | 1년 전 | 1177 | ||
| 2497 | 1년 전 | 646 | ||
| 2496 | 1년 전 | 966 | ||
| 2495 |
oneit |
1년 전 | 1417 | |
| 2494 | 1년 전 | 945 | ||
| 2493 | 1년 전 | 947 | ||
| 2492 | 1년 전 | 1155 | ||
| 2491 | 1년 전 | 1120 | ||
| 2490 | 1년 전 | 1089 | ||
| 2489 | 1년 전 | 1019 | ||
| 2488 | 1년 전 | 773 | ||
| 2487 |
 매직크레용 |
1년 전 | 1212 | |
| 2486 | 1년 전 | 830 | ||
| 2485 | 1년 전 | 1007 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기