2026, 새로운 도약을 시작합니다.

브라우저 F12 개발자 모드에서 현재 적용된 CSS 찾기.

1.

브라우저에서 F12 를 눌러 개발자 툴을 열어줍니다.

3698860916_1756977242.1426.gif

그리고 좌측 상단의 3698860916_1756977263.4883.png 아이콘을 누르고

브라우저에서 찾고 싶은 영역을 클릭 합니다.

3698860916_1756977293.2258.gif

그러면 위 스크린샷 처럼 해당 엘리먼트에 적용된 CSS 가 나오는데

css 파일에 마우스를 대면 위치가 나옵니다.

해당 CSS 를 수정하시면됩니다.

추가팁1.

두번째 스크린샷 처럼 CSS 가 오른쪽 창에 나와있을때 해당 CSS 를 직접 변경하시면

현재 브라우저에도 임시로 반영이 됩니다. (폰트 크기나 색상 등등..)

이후 다시 되돌리고 싶으면 F5 새로고침을 하면 됩니다.

추가팁2.

CSS 파일을 찾아서 수정 했는데도 적용이 안될때에는

쉬프트+F5 를 눌러 수~~퍼 새로고침을 하면 캐시가 갱신되어 새로 수정한 css 가 반영됩니다.

|

댓글 2개

감사합니다

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

그누보드5 팁자료실

번호 제목 글쓴이 날짜 조회
공지 3년 전 조회 4,594
2681 3개월 전 조회 433
2680 3개월 전 조회 566
2679 4개월 전 조회 342
2678 4개월 전 조회 361
2677 4개월 전 조회 332
2676 4개월 전 조회 358
2675 4개월 전 조회 527
2674 4개월 전 조회 686
2673 4개월 전 조회 465
2672 4개월 전 조회 341
2671 4개월 전 조회 562
2670 4개월 전 조회 344
2669 4개월 전 조회 412
2668 4개월 전 조회 303
2667 4개월 전 조회 306
2666 4개월 전 조회 395
2665 4개월 전 조회 321
2664 4개월 전 조회 565
2663 4개월 전 조회 534
2662 4개월 전 조회 456
2661 5개월 전 조회 633
2660 5개월 전 조회 898
2659 5개월 전 조회 610
2658 5개월 전 조회 578
2657 5개월 전 조회 654
2656 5개월 전 조회 777
2655 5개월 전 조회 467
2654 5개월 전 조회 515
2653 5개월 전 조회 1,202
2652 5개월 전 조회 634
🐛 버그신고