CSS란

Cascading Style Sheete 의 약자로, HTML을 꾸며주는 언어입니당

문서를 통째로 한번에 꾸며주는 것이 아니라, HTML태그를 하나하나 꾸며줍니다.

HTML에 CSS를 적용하는 방법은 다음과 같이 3가지가 있습니다.

• 인라인 : HTML태그 안에 같이 작성합니다.
• 내부 스타일 시트 : HTML문서 안에 같이 작성합니다.
• 외부 스타일 시트 : HTML문서 밖에 작성하고 연결합니다.

• HTML 태그 한쌍 또는 하나을 우리는 element 라고 부르기도 합니다.

CSS 선택자
CSS에서 선택자란 스타일 적용을 위해서 특정 요소들을 선택해주는 요소라고 할 수 있다.

전체 선택자 *
HTML 페이지 내부의 모든 요소에 같은 CSS속성을 적용하기 위한 선택자이다.

클래스 선택자 .
클래스 선택자는 .apple .class1 .class2 처럼 사용하게 되며
해당 속성값을 가진 HTML 요소를 찾아서 선택하게 된다.
p.class1, div.apple 처럼 태그 뒤에 붙여서 사용하게 되면
해당 태그에 한해서만 클래스 선택자가 동작하게 된다.

ID 선택자 '#'
id 선택자는 class 속성이 아니라 id속성을 사용하는 것을 제외하곤 클래스 선택자와 유사하다.

알아두면 좋은 내용

CSS 우선순위

!important > 적용 범위 (Inline > ID > Class > Tag)

h1 {
	background-color: red **!important**;
	background-color: blue;
}

html 주석 : <!-- 어쩌구 저쩌구 -->

css 주석 : /* 어쩌구 저쩌구 */