CSS 사용법
CSS 문법
클래스와 아이디
주석
텍스트
color
direction
backgroud-color
line-height
letter-spacing
text-align
text-decoration
text-indent
word-spacing
배경
background-color
background-image
background-repeat
background-position
background-attachment
Font
크기 단위
Box Model
경계선(border)
리스트(list)
CSS 글꼴(Font) 스타일

font 속성은 텍스트의 글꼴과 스타일을 지정합니다.

font-family 속성을 이용하면 텍스트의 글꼴을 지정할 수 있습니다.

<p style="font-family: 돋움">돋움 글꼴로 지정된 텍스트입니다.</p>
<p style="font-family: 궁서">궁서 글꼴로 지정된 텍스트입니다.</p>
<p style="font-family: 바탕">바탕 글꼴로 지정된 텍스트입니다.</p>

돋움 글꼴로 지정된 텍스트입니다.

궁서 글꼴로 지정된 텍스트입니다.

바탕 글꼴로 지정된 텍스트입니다.

font-size 속성을 이용하면 텍스트의 크기를 지정할 수 있습니다.

<p style="font-size: 10px">10픽셀로 지정된 텍스트입니다.</p>
<p style="font-size: 13px">13픽셀로 지정된 텍스트입니다.</p>
<p style="font-size: 9pt">9포인트로 지정된 텍스트입니다.</p>
<p style="font-size: 10pt">10포인트로 지정된 텍스트입니다.</p>

10픽셀로 지정된 텍스트입니다.

13픽셀로 지정된 텍스트입니다.

9포인트로 지정된 텍스트입니다.

10포인트로 지정된 텍스트입니다.

font-weight 속성을 이용하면 텍스트의 굵기를 지정할 수 있습니다.

<p style="font-weight: normal">일반적인 텍스트입니다.</p>
<p style="font-weight: bold">bold를 지정한 텍스트입니다.</p>

일반적인 텍스트입니다.

bold를 지정한 텍스트입니다.

Copyright © Homejjang.com All rights reserved.