1. css 적용 방법

• CSS를 적용하는 세 가지 방법

  • 인라인 스타일(inline style) 방식은 HTML 태그마다 style 속성으로 CSS 코드를 넣어주는 방식입니다. 여러 요소들에 공통 속성을 재사용할 수 없고 HTML 코드와 CSS 코드가 분리되지 않기 때문에 특별한 경우를 제외하고는 사용되지 않는다.
  • 내부 스타일 시트(internal style sheet) 방식은 head 태그 안에 style 태그를 두고 그 안에 CSS 코드를 작성하는 방식입니다. HTML과 CSS 코드량이 많지 않고 CSS가 해당 HTML 문서에서만 적용될 경우 유용하게 사용될 수 있다.
  • 링킹 스타일 시트(linking style sheet) 방식은 외부의 CSS 파일을 HTML 문서에 연결하는 것입니다. HTML과 CSS 코드가 분리되고 CSS 코드를 여러 HTML 파일에서 공통으로 사용할 수 있으므로 가장 널리 사용되는 방식이다.

• CSS 코드 정리 (기본 & 그룹 선택자) 및 결과

• CSS 코드 정리 (결합자와 가상 클래스) 및 결과

참고
얄코 html/css 정리