CSS 기본 개념

■ CSS 규칙

선택자(아이디 or 클래스) + 선언(속성 + 값 + 세미콜론)

 

■ CSS 파일 저장법

 

■ 색상

RGB / RGBA

차이점 : 불투명도 Alpha

 

■ 크기 단위

절대 단위

• px : 화면을 표시하는 기준이 되는 가장 작은 정사각형. ex) 10px = 10개

 

상대 단위

• %
  - 부모 태그에 대해서 상대적인 크기
  - 부모의 크기만 바꿔주면 되는 장점이 있다.
  
  
• em
  - 인쇄에서 전통적으로 대문자 M의 크기
  - 1em : 부모 태그의 font-size
  
  
• rem
  - 글자 크기를 기준으로 상대적인 크기를 정한다.
  - 1rem : 최상위 태그(html)의 font-size

 

■ 텍스트와 관련된 CSS 속성

• Color
• font0size
• font-family
• font-weight : 100단위
• line-height : font-size에 비례 / 16px => 1.5배 : 24px
• text-decoration