daisy_hyun :: CSS font

1. 선택자 종류

• 범용 선택자

*{

font-size: 

}

• ID선택자

#midfont{font-family:돋움체; font-size:14pt;color:red}

<div id="midfont"> 햇빛의 작품</div>

id는 유일하기 때문에 html에서 한번밖에 못씀

• class 선택자

.midfont{font-family:돋움체; font-size:14pt;color:red}

<div class="midfont"> 햇빛의 작품</div>

재사용 가능

• 명시적 선택자

h1{font-family:돋움체; font-size:14pt; color:red}

2. font와 관련된 속성

• font-family 글꼴 지정

윈도우 시스템 글꼴 - 돋움, 굴림, 궁서, 바탕체

기본 글꼴- 필기체, 명조체, 장식스타일(serif, sanserif, fanfasy, monospace)

내가 좋아하는 글꼴 

 영어 : cursive

 한글

• color 

모든 태그에서 글꼴 색상 지정

• font-size

절대단위 

1pt=0.27인치

1In=2.54cm

1cm=10mm

pc(picas) 1pc=12pt

상대단위 

px(pixels 해상도에 대한 상대크기)

em(ems 기존 글꼴에 대한 상대 크기)

ex(exs 소문자 x 높이를 1로 봤을 때 상대크기)

%(기존 크기에 대한 상대적 크기를 백분율로 표시)

• font-weight 굵기 지정 bold, 700

• font-style 글꼴 기울임 지정 italic , normal