[CSS] font-family, indent, box-sizing

#title {

font-family: Georgia, "Times New Roman", Times, serif;

}

 

=> font-family 는 폰트 글씨형태를 지정해줄 수 있으며, 3개를 쓰면 앞에서부터 해당 브라우져에서 폰트를 지원하지 않으면 다음 폰트, 이런식으로 넘어가게 사용함.

 

폰트에 ""(따옴표)를 붙이는 이유는 폰트가 띄어쓰기가 있을 경우에 따옴표를 사용한다

 

indent : css로 들여쓰기 할 수 있게 해준다.

.js-description {
  text-indent: 50px;
}

 

blockquote : html 태그로 긴 인용문 같은 것을 사용할 때 쓸 수 있음, 기본적으로 들여쓰기가 된 상태로 랜더링된다.

 

 

  : 기본적으로 이코드는 스페이스를 의미함. 사이사이에 글자를 띄우고 싶은 경우 이 코드 사용하면 된다.

<p>스페이스 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;넣는 예제</p>

 

box-sizing: border-box; : css에서 박스 넓이를 계산 할때, 일반적으로 padding 이나 margin값까지 포함해서 계산해야하는데, 그런 것들 계산을 최소화시켜줌. 이 속성 적용하면, 박스모델 그릴때, 너비 생각안해도 됨.