Sofia Emelianova
요소에 CSS를 적용했는데 작동하지 않는 경우가 있나요?
Chrome DevTools를 사용하면 CSS 문제를 한눈에 파악하고 디버그 및 테스트할 수 있습니다.
요소 > 스타일 창에서 다양한 CSS 문제를 강조 표시하는 방법을 알아보려면 동영상을 시청하세요.
잘못된 문법이 있는 속성
재정의된 속성
비활성 속성 
parent에서 상속됨
상속된 속성
상속되지 않은 속성
확장 가능한 축약 속성 
재정의된 긴 형식 속성
활성 긴 형식 속성
사용자 에이전트 스타일시트
- 수정 불가 속성
재정의된 수정 불가 속성
디버깅 도움말 더보기:
- 스타일 창의 필터를 사용하여 관심 있는 한 가지 속성에 집중합니다.
- 계산됨 창을 사용하여 모든 Cascade 낙찰자와 계산된 값을 확인할 수 있습니다.
- 계산된 창에서 속성을 펼치고 링크를 클릭하여 스타일 창에서 소스를 찾습니다.
DevTools에서 CSS 문제를 강조 표시하는 모든 방법에 대해 자세히 알아보려면 잘못되거나 재정의되었거나 비활성 상태인 CSS 및 기타 CSS 찾기를 참고하세요.
CSS 전문성을 높이려면 CSS 학습을 참고하세요.
모든 사용자에게 멋지게 표시되고 잘 작동하는 웹사이트를 만드는 방법을 알아보려면 반응형 디자인 알아보기를 참고하세요.