놓치기 쉬운 정보 저장

div {
  text-align:left;              /* 절대로 자신을 정렬하는게 아니라. */
}

section {
  text-align:center;        /* 자신이 가지고 있는 텍!스!트!를 정렬한다. */
}

nav {
  text-align:right;            /* 글자가 아닌 엘리먼트도 정렬할 수 있을까? */ display:inline-block 하면 엘리먼트가 `텍스트 화` 된다. */
}

  font-weight:normal;   /* 글자 두께 : 보통 */
  font-weight:bold;     /* 글자 두께 : 진하게 */
  
  font-size:3rem;       /* 기본폰트의 3배 */
  font-size:140px;      /* 기본폰트 140픽셀 */
  letter-spacing:-10px; /* 자간조절 */

  color:#787878;        /* 글자 색상 */

  color:rgba(255,0,0,0.5);    /*  rgba 함수의 인자
  인자 1(red) : 0 ~ 255 까지 넣어서 실험

  인자 2(green) : 0 ~ 255 까지 넣어서 실험
  인자 3(blue) : 0 ~ 255 까지 넣어서 실험
  인자 4(alpha, 투명도) : 0 ~ 1 까지 넣어서 실험  */

display 속성

** 예외

- div, section, nav, article 엘리먼트는 기본적으로 display : block

- a, span 엘리먼트는 기본적으로 display : inline

- img 엘리먼트는 기본적으로 display : inline-block 

- inline 요소에는 width, height, margin, padding 속성이 제대로 적용되지 않는다.