크롬 개발자 도구 CSS 코드 추가하기 (1) 썸네일형 리스트형 크롬 개발자모드 CSS 코드 추가하기 크롬 개발자모드 CSS 코드 추가하기 이해되지 않는 CSS 코드가 있는 경우 크롬 브라우저에서 테스트 코드를 작성하는 편 입니다. 직접 눈으로 보며 CSS 코드를 적용하다 보면 브라우저에서 CSS 코드를 적용할 때 불편한 부분이 몇 가지 있지만 개발자 도구를 잘 활용하면 좀 더 편해집니다. 크롬 개발자 도구 오른쪽 부분에는 현재 웹페이지의 CSS 코드가 표시됩니다. 이미 기존에 표시된 CSS 코드의 아이디, 이름, 태그를 직접 수정해 CSS 코드를 수정해서 테스트해 봐도 되지만 기존 CSS를 수정하지 않고 CSS 코드 라인을 추가하는 방법이 있습니다. CSS 코드가 표시된 영역을 자세히 보시면 +로 표시된 아이콘이 하나 있습니다. 해당 버튼을 눌러 보시면 현재 웹페이지에서 선택한 태그를 기준으로 새로운 .. 이전 1 다음
