CSS (Cascading Style Sheets)

HTML이나 XML(XML의 방언인 SVG, XHTML 포함)로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어이다.
CSS는 요소가 화면, 종이, 음성이나 다른 매체 상에 어떻게 렌더링되어야 하는지 지정한다.

1.선택자(Selector): 스타일을 지정할 HTML 요소를 선택
2. 선언 블록(declation block): 중괄호 { } 내부의 여러 선언들을 작성
3. 선언(declations):프로퍼티와 값으로 이루어진 쌍
4.선택자 { 하나이상의 선언 } 의 형태로 이루어진 하나의 Rule (혹은 Rule Set)

CSS는 어떻게 생겼을까

주석 (Comments)

1. 내부 스타일 (embedded)

2. 인라인 스타일 (inline)

3. 외부 스타일 (external)

캐스캐이딩 원칙

1.스타일 우선순위
2. 스타일 상속

1. 스타일 우선순위

• 동일한 스타일이라도 선언된 곳에 따라 우선순위가 정해진다.
  • 브라우저에 의해 정의된 스타일 < 개발자가 선언한 스타일 < 사용자가 구성한 스타일
• 적용 범위가 적을 수록 우선시 된다.
  • tag 스타일 < class 스타일 < id 스타일 < 인라인 스타일
• 소스코드의 순서가 뒤에 있으면 덮어쓴다.

2. 스타일 상속

• 부모 요소에 있는 스타일 속성들이 자식 요소로 전달된다.
  • 자식 요소에서 재 정의 할 경우, 보모의 스타일을 덮어쓴다.
• 상속이 되지 않는 속성도 있다.(예: 배경 이미지, 배경 색 등)