디버깅 하는 방법
먼저 크롬 개발자 도구를 연다.
1. 크롬 브라우저 열기
2. 크롬 맞춤 설정 및 제어> 도구 더보기> 개발자 도구
크롬 개발자 도구 콘솔창 활용하기
3. 콘솔> 에러확인
에러를 보고 고칠 수 있다면 고친다.
크롬 개발자 > 요소> 스타일
우선순위 확인하기
작성 위치에 따라 코드의 중요도, 우선순위가 달라진다.
1순위: 인라인
2순위: 내부 CSS
3순위: 외부 CSS
대강의 느낌은
외부 CSS를 이용해 전체적으로 CSS코드를 적용하되,
해당 웹페이지에만 적용되는 내부 CSS가 있다면 덮어쓰기하여 적용하고,
특정 요소에만 적용되는 인라인 CSS를 이용해
보다 구체적인 규칙을 적용할 수 있다.
'HTML & CSS' 카테고리의 다른 글
| emojipedia 이모지피디아, 이모티콘, 무료 이모지, 그림 (0) | 2022.10.12 |
|---|---|
| [43-5 HTML] CSS syntax, selector, property, value, 선택자, 속성, 값 (0) | 2022.10.12 |
| [43-3 HTML] 외부 CSS, css파일, 폴더, link, stylesheet (1) | 2022.10.11 |
| [43-2 HTML] 내부 CSS, CSS 전체 적용하기, CSS default value, border-style, border-color, border-width, height, width, preticide (0) | 2022.10.11 |
| [43-1 HTML] 인라인 CSS <color>, 배경색깔 바꾸기, 색깔 조합, 색깔 찾기 (0) | 2022.10.10 |