본문 바로가기

글꼴2

CSS 폰트 스타일: font-size font-weight font-style font CSS 폰트 스타일: font-size font-weight font-style font 오늘은 글자 크기, 굵기, 스타일을 조절해보겠습니다. 1. font-size 속성 값 사용할 수 있는 값(단위) 절대 크기 브라우저에서 미리 정해놓은 크기: xx-small, x-small, small, medium, large, x-large, xx-large 상대 크기 부모 요소 글자 크기 기준으로 더 크거나 작거나: larger, smaller 직접 지정한 크기 CSS 작성자가 직접 지정한 크기: px, pt, em, ex, rem 백분율 부모 요소 글자 크기 기준으로 백분율: 예를 들어 100%는 부모 요소 크기와 같음 - font-size는 글자의 크기를 지정해줍니다. - font-size 속성 값은 위와 .. 2020. 11. 9.
CSS 폰트 스타일: font-family, 웹 폰트(web font) CSS 폰트 스타일: font-family, 웹 폰트(web font) 오늘은 글자 모양을 지정해주는 폰트 관련 스타일을 알아보겠습니다. 1. font-family - 글꼴을 지정해주기 위해서는 font-family 속성을 사용합니다. - 직역하면 '글꼴 가족'이지요. 해당 모양의 글자들을 한 가족으로 모아두었다는 뜻입니다. - font-family 속성은 아래와 같은 형식으로 사용합니다. - font-family { 글꼴 이름, 대체 글꼴 이름1, 대체 글꼴 이름2, ... } - 위 예시를 통해 살펴보겠습니다. - 먼저 id를 "gul"로 지정한 p태그를 살펴보겠습니다. - #gul { font-family: 굴림; } 으로 되어있지요. id가 gul인 p태그는 글꼴을 '굴림'으로 지정한다는 뜻입니다.. 2020. 11. 5.
반응형