CSS 기본 개념

css 규칙

• head태그 안 style태그 안에 h3 {color: red;} 이런 식으로 해주면
  h3전체에 적용된다.
  h3는 CSS 선택자 color: red는 CSS 선언이다.

• id 속성

ex)
#hallasan{color: orange;}
<h3 id="hallasan">한라산 국립공원</h3>

• class 속성

ex)
.place{font-size: 16px;
	   font-weight: 400;
}
<h3 class="place">우도</h3>
<h3 class="place">성산 일출봉</h3>

css 파일 저장하는 법

• style.css 파일 만들기

• style 태그 지우기

• link태그 만들기

ex)
<link rel="stylesheet" href="style.css">

색상, 크기 단위

• 색상 이름 (Color Names)
  red, yellow, white
  세세한 색깔을 나타내기 힘들어서 사용을 잘 안한다.

• 색상 코드 (Color Codes)
  가장 많이 사용하는 방식
  ex) #ff0000, #ffff00, #ffffff
  빨강, 초록, 파랑의세기를 각각 두자리씩 (00~ff) 표시
  ex) rgb(255, 0, 0), rgb(255, 255, 0), rgb(255, 255, 255)
  RGBA는 RGB표기에 불투명도(Alpha)를 추가한 것 / 0~1 사이의 소수점숫자

• 절대적인 단위(px)
  픽셀(px) : 화면을 표시하는 기준이 되는 가장 작은 정사각형

• 상대적인 단위(%, em, rem)
  퍼센트(%) : 부모 태그에 대해서 상대적인 크기, 크기를 바꾸고 싶을 때 부모의 크기 변경
  em, rem : 글자 크기를 기준으로 상대적인 크기를 정하기
  CSS에서 1em은 부모 태그의 font-size
  CSS에서 1rem은 최상위 태그의 font-size (최상위 태그 = html 태그)

코멘트, 주석

• CSS 선택자를 쉽게 이해할 수 있도록 고쳐보고 그래도 이해가 어려울 거 같을 때 사용