css 시작

css 개요

• 웹 페이지의 스타일과 내용적인 부분을 서로 분리해 놓은 서식을 스타일 시트라고 합니다.
• 이러한 스타일 시트를 이용하면 웹 페이지의 스타일을 편리하게 개발할 수 있습니다.

css 문법

문법

• CSS의 문법은 선택자(selector)와 선언부(declaratives)로 구성됩니다.
• 선택자는 CSS를 적용하고자 하는 HTML 요소(element)를 가리킵니다.
  선언부는 하나 이상의 선언들을 세미콜론(;)으로 구분하여 포함할 수 있으며, 중괄호({ })를 사용하여 전체를 둘러쌉니다.
• 각 선언은 CSS 속성명(property)과 속성값(value)을 가지며, 그 둘은 콜론(:)으로 연결됩니다.
• 이러한 CSS 선언(declaration)은 언제나 마지막에 세미콜론(;)으로 끝마칩니다.

선택자

• HTML 요소 선택자

• 아이디(id) 선택자

• 클래스(class) 선택자

• 그룹(group) 선택자

html 요소 선택자

• CSS를 적용할 대상으로 HTML 요소의 이름을 직접 사용하여 선택할 수 있습니다
  

아이디 선택자

• 아이디 선택자는 CSS를 적용할 대상으로 특정 요소를 선택할 때 사용합니다.
• 이 선택자는 웹 페이지에 포함된 여러 요소 중에서 특정 아이디 이름을 가지는 요소만을 선택해 줍니다.
  

클래스 선택자

• 클래스 선택자는 특정 집단의 여러 요소를 한 번에 선택할 때 사용합니다.

• 이러한 특정 집단을 클래스(class)라고 하며, 같은 클래스 이름을 가지는 요소들을 모두 선택해 줍니다.
  

그룹 선택자

• 그룹 선택자는 위에서 언급한 여러 선택자를 같이 사용하고자 할 때 사용합니다