이번에는 font-size 에 대해서 알아보도록
하겠습니다. 말 그대로
글자크기를 조절해주는 속성입니다.
일반적으로 태그를 사용해서는 글자크기를
최대로 해봤자 <font size="7"> 까지나
<H1> 까지밖에 표현을 못해 줍니다. 그러나
스타일 시트를 이용하면 글자크기를 얼마든지
사용자 맘대로 크게 하거나 작게 표현 할 수
있답니다.
우선 font-size 속성을 사용하는 경우
글자크기의 수치는 포인트(pt) ,
픽셀(px) , 인치(in) , 센티미터(cm) 등이
있습니다. 이 중에서 여러분들이 쓰기 가장
편한 것을 골라 사용하시면 됩니다. 왜냐면 어떤
것을 쓰나 크기만 정확히 나타내어 주면 되는
거기 땜시... 핫핫 ^^> 단, 한가지만 골라서
그것만 계속 사용하시길.... 안 그러면 나중에
헤갈려여... 일반적으로 포인트(pt)나
픽셀(px)을 가장 많이 쓴답니다.(태그매니아에선
무조건 픽셀을 사용함-_-+) 이제 예제를 하나
봐볼까요? ^^
<style type="text/css">
<!--
p { font-size : 13px ; }
b { font-size : 13pt ; }
h1 { font-size : -1in ; }
u { font-size : -1cm ; }
-->
</style>
<body>
<p>일반적으로 픽셀(px)과 포인트(pt)
값이</p><br>
<b>비교적 정확하게 크기를
설정해줄 수 있습니다.</b><br>
<h1>안녕하세요? 인치(in)와
센티미터(cm)의 경우는 </h1><br>
<u>마이너스(-) 1값을 사용할 수
있답니다.</u>
</body> |
예제를 확인해보셨나요? px과 pt 의
경우는 여러분들이 넣는 수치만큼 글자크기가
조절됩니다. (마이너스값은 적용되지 않음)
그리고 인치(in)와 센티미터(cm)의 경우 값을 1로
정해주어도 폰트의 크기가 엄청커지기 때문에 잘
사용되지 않습니다.
그리고 퍼센트(%) 와 키워드 방식의 단위가
있으나 이건 거의 사용되지 않는 답니다. 페센트
값의 경우 부모인자에 대한 그 페센테 값만큼
크기를 조절해 주는 방식이며..키워드 방식은
xxsmall , xsmall , small , medium , large , xlarge , xxlarge
등의 키워드를 이용해서 크기를 조절해주는
방식입니다. 이건 그렇게 중요한게 아니라서
예제는 생략하도록 하겠습니다.
흠....속성 하나에 한 페이지씩 공간을
차지하네요 ^^ 설명하는 게 넘 더딘거 같아 좀더
스피드하게 설명드리도록 하겠습니다. 다음
페이지로 가시져..... /^_^/______________________@ 내
휴지는 내가 굴린다....-_- ;;
|
