1%

[코딩]Day08_스타일시트의 특징

신씨드 2023. 2. 9. 17:33
  • font: 16px 글꼴; (글자크기, 글꼴 순서로 and 꼭! 크기랑 글꼴 모두 같이 써줘야함)(1,2 한번에 적용가능)

​

  • 1)font-size
  • 2)font-family

​

[CSS: 스타일시트 기본]

[CSS: 글꼴_글문단 스타일]

  • 절대적(고정적) PX
  • 상대적(유동적) % (브라우저 기준)
  • em(부모 요소가 기준), rem(html 요소 기준)
  • 1em=16px(기준크기)=12pt=100%
    • Q.24px는 몇 em? 24px/16px = 1.5em (반응형 웹)

​

실습예제_HTML

실습예제_CSS

HTML + CSS 결과

  • 공통적인 요소 적용 되는 내용들이 가장 위쪽에 태그 되어야함!