CSS 기초

• 인라인 스타일
  • 스타일 시트를 사용하지 않고 스타일을 적용할 대상에 직접 표시
  • 스타일을 적용하고 싶은 태그에 style 속성을 사용해 style=“속성: 속성 값;” 형태로 스타일 적용

• 내부 스타일 시트
  • 사용할 스타일을 문서

• 외부 스타일 시트
  • 여러 웹 문서에서 사용할 스타일을 별도 파일로 저장해 놓고 필요할 때마다 파일에서 가져와 사용
  • style 태그 없이 link 태그만 사용해 미리 만들어 놓은 외부 스타일 시트 파일 연결

• 전체 선택자
  • 페이지에 있는 모든 요소를 대상으로 스타일을 적용할 때 사용
  • 다른 선택자와 함께 모든 하위 요소에 한꺼번에 스타일을 적용하려고 할 때 주로 사용

• 태그 선택자
  • 문서에서 특정 태그를 사용한 모든 요소에 스타일이 적용됨

• 클래스(class) 선택자
  • 문서 안에서 여러 번 반복할 스타일이라면 클래스 선택자로 정의.
  • 마침표(.) 다음에 클래스 이름 지정

• id 선택자
  • 문서 안에서 한번만 사용한다면 id 선택자로 정의. 파운드(#) 다음에 id 이름 지정

class 선택자와 id 선택자의 차이

• 공통점 : 요소의 특정 부분에만 스타일 적용
• 차이점
  클래스 선택자 : 문서 안에서 여러 번 반복
  id 선택자 : 문서 안에서 한번만 사용

• 속성(attribute) 선택자
  태그안 id,class 선택자를 모두 사용했을 경우 같은 속성 끼리 스타일을 적용하고자 할 때 사용
  태그[속성], 태그[속성=“속성값”]

• 그룹 선택자
  • 같은 스타일을 사용하는 선택자를 한꺼번에 정의
  • 쉼표(,)로 구분해 여러 선택자를 나열