1. Basic

• 문법: 선택자{속성:값}
  • 선택자: HTML 태그(요소)를 선택하는 영역
  • 선언부: 선택한 태그에 적용할 스타일을 작성하는 영역
• CSS 적용
  • 내부 스타일 시트(internal style sheet): HTML 파일 내부에 CSS 코드를 작성하는 방법
  • 외부 스타일 시트(external style sheet): CSS 코드를 별도 파일을 만들어 HTML 문서와 CSS를 연결하는 방법 <link rel="stylesheet" href="#">
  • 인라인 스타일(inline style): style 속성에 CSS 코드를 작성하는 방법

2. CSS 선택자

2-1. 기본 선택자

• 전체 선택자: HTML에서 사용할 수 있는 모든 요소를 한 번에 선택자로 지정하는 방법 *
• 태그 선택자: HTML 태그명으로 선택자를 지정하는 방법
• 아이디 선택자: HTML 태그에서 사용할 수 있는 id 속성값을 이용해 선택자를 지정하는 방법 #
• 클래스 선택자: HTML 태그에서 사용할 수 있는 class 속성값을 이용해 선택자를 지정하는 방법 .
• 기본 속성 선택자: HTML 태그에서 사용할 수 있는 속성과 값을 사용해 선택자를 지정 태그, 아이디, 클래스선택자[속성=값]

2-2. 조합 선택자

• 그룹 선택자: 여러 선택자를 하나로 그룹 지을 때
• 자식 선택자: 부모 요소의 하위에 있는 자식 요소에 스타일을 적용할 때 >
• 하위 선택자: 선택자의 범위를 특정 부모 요소의 하위 요소로 한정하는 방법 공백

2-3. 형제 선택자

• 인접: 앞에서 지정한 선택자 요소 바로 다음에 있는 형제 관계 요소를 선택자로 지정 +

• 일반: 이전 선택자 뒤에 오는 형제 관계 요소를 모두 선택자로 지정 ~

  ✨이전 요소 다음에 등장하는 요소는 지정 대상이 아님

2-4. 가상 요소 선택자