본문 바로가기
WEB/HTML&CSS

CHROME에서 CSS 확인하기

by 태태. 2022. 11. 7.
728x90

[STEP1]   작성한 HTML, 오른쪽 마우스, Open with Live Server로 들어가서 (※주의 외부스타일CSS파일로는 들어갈 수 없습니다.)

 

 

 

 

[STEP2]   F12(개발자 도구)  ☞ Ctrl + Shift + C 로 분석하고 싶은 영역을 찍고 ☞ HTML  영역 클릭 ☞ 해당부분 스타일 탭의 최상단, element.style{}에서 넣어보고 싶은 스타일 요소들 작성하며 확인해보면 된다. 

+ 수정한 부분은 복사하여 원래의 Visual Studio Code에 붙여넣어야 날아가지 않는다!

728x90
반응형

댓글