크롬 개발자도구의 Element panel을 잘 익혀두는 것이 중요합니다.
개발자도구를 통해서 쉽게 할 수 있는 일들을 정리하면 다음과 같습니다.
- CSS Style을 inline 방식으로 빠르게 테스트할 수 있습니다.
- 현재 엘리먼트의 값을 임시로 바꿀 수 있습니다.
- 최종 결정된 CSS 값을 확인할 수 있습니다.
출처 Boostcourse - 3-7) 디버깅-HTML-CSS
반응형
'TIL > 웹 프로그래밍(풀스택) - boostcourse' 카테고리의 다른 글
4-5) Tomcat 다운받기 및 설치하기 (0) | 2021.01.01 |
---|---|
4-4) HelloWorld 컴파일하고 실행하기 (0) | 2021.01.01 |
3-6) float 기반 샘플 화면 레이아웃 구성 (0) | 2020.12.29 |
3-5) Element가 배치되는 방법(CSS layout)-1,2 (0) | 2020.12.27 |
3-4) CSS 기본 Style 변경하기 (0) | 2020.12.27 |
댓글