CSS - 3 [FONT]

2021. 8. 10. 15:06웹 코딩/CSS

font-size 폰트의 크기

rem

html 태그에 적용된 font-size의 영향을 받는다. html 태그의 폰트 크기에 따라서 상대적으로 크기가 결정된다.

px

모니터 상의 화소 하나의 크기에 대응되는 단위다. 고정된 값이기 때문에 이해하기 쉽지만, 사용자가 글꼴의 크기를 조정할 수 없기 때문에 가급적 사용을 하지 않는 것이 좋다. 

em

부모 태그의 영향을 받는 상대적인 크기다. 부모의 크기에 영향을 받기 때문에 파악하기가 어렵다. rem이 등장하면서 이 단위 역시 사용이 권장되지 않는다.

 

color 폰트의 컬러

http://www.w3schools.com/css/css_colors.asp

 

CSS Colors

CSS Colors Colors are specified using predefined color names, or RGB, HEX, HSL, RGBA, HSLA values. CSS Color Names In CSS, a color can be specified by using a predefined color name: Try it Yourself » CSS/HTML support 140 standard color names. CSS Backgrou

www.w3schools.com

text-align 텍스트 정렬

  • left
  • right
  • center
  • justify

font-family 폰트의 서체

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

  • serif (장식이 있는 폰트)
  • sans-serif
  • cursive (흘림체)
  • fantasy
  • monospace (고정폭)

font-weight 폰트의 두께

font-weight:bold;

line-height 행과 행 사이의 간격

line-height: 1.3;

'웹 코딩 > CSS' 카테고리의 다른 글

CSS - 2 [상속 & 캐스케이딩  (0) 2021.08.10
CSS - 1 [선택자]  (0) 2021.08.03