안녕하세요 설명절 연휴는 잘보내셨나요 ~^^

이번 장에서는 css 속성중 font 속성을 정리해보겠습니다.

FONT 태그

<font> 태그는 html 문장중 글자를 꾸며주는 기본 태그입니다.

<font> 태그의 기본 속성중

1번째는 font color 이고 글자색을 담당합니다.

2번째는 font-size 이고 글자크기를 담당합니다.

3번째는 font-family 이고 글자의 글꼴을 담당합니다.

아래는 예문입니다.

안녕하세요
글씨색상은 붉은색이며
글자크기는 30px 크기입니다.
글자 글꼴은 궁서입니다.

위 문장의 css 코드입니다

#red{color:#FF0000; font-size:30px; font-family:"궁서"}

#은 아이디 선택자이며 아이디 값은 red입니다.

color:색상이 들어가면 css로 선택한 html 문장의 색상을 변경합니다.

색상선택은 3가지 방법으로 가능한데

1. 색상값을 직접입력하는 방식 : #red{color:red;}

2. RGB색상표를 입력하는 방식 :#red{coldr:#FF0000}

RGB 색상표는 16진수 방식으로 0~9와 A~F를 사용합니다.

색상 값을 직접입력으로는 표현방식의 한계로

2번 방식이 많이 사용되어집니다.

font-size는 글자의 크기를 지정합니다.

글자크기를 지정하는 단위중 가장 많이 사용하는 것은 픽셀(px)입니다.

font-family는 글자의 글꼴을 지정합니다.

~~html 문서에서는 font face를 사용합니다.~~

font-style 의 font-style과 font-weight:bold(두껍게)를 주었습니다.

italic(15’기울임), oblique(기울임), normal(기본) 이 있습니다.

글자 스타일에 font-style:oblique를 주었습니다

글자 스타일에 font-style:italic를 주었습니다

큰차이가 안보이네요 ....

위 문장의 css 코드입니다.

#style1{ font-weight:bold; font-style:oblique;}

#style2{ font-weight:bold; font-style:italic;}

다음에는 text관련 속성을 정리하도록 하겠습니다.

새해 복 많이 받으시고 이만 물러갑니다~

codus