HTML CSS 덮어쓰기

1. CSS 덮어쓰기 방법 3가지

1. 같은 클래스명이나 스타일을 하단에 작성
   • 같은 class명이나 스타일을 하단에 작성
   • 같은 class명이라도 하단에 정의한 클래스 명과 스타일을 우선적으로 적용
   • 하나의 CSS 파일일 경우

.box {
  background : red;
}

.box {
  background : blue;
}

• CSS 파일이 여러개일때

<link href="main.css" rel="stylesheet">
<link href="main2.css" rel="stylesheet">

• link 를 하단에 사용할 수록 하단에 작성한 것과 똑같은 효과이기 때문에 main.css와 main2.css에 같은 class 명이 있더라도 main2.css에 있는 클래스 명을 우선적으로 적용합니다.

2. 내가 짠 코드가 좋은 코드인가?

1. 내가 짠 코드가 나중에 수정이 쉽고 관리가 쉬워지면 좋은 코드입니다.

2. 확장성이 좋으면 좋은 코드입니다.

3. 양이 적으면 좋습니다 (선택사항)