U E D R , A S I H C RSS

홈페�지만들기/css

1. 글꼴� 설정하는 font-family

다중 글꼴� 선�할 수 있다.
{font-family:글꼴}
~cpp 
<html>
<head>
<title>글꼴 설정 예제</title>
</head>
<Style type="text/css">
font.01{font-family: "Arial Black", "Script"}
font.02{font-family: "한컴바탕", "�호체"}
</Style>
<body>
<b>
<font class="01">Css & Java Script</font><br><br>
<font class="02">한컴 바탕�트체로 나타냅니다.</font><br><br>
</b>
</body>
</html>
font.01{font-family: "Arial Black", "Script"} 둘 중 하나만 ���언트� 컴퓨터� 있으면 그 것� 글꼴� �다.
둘 다 있� 경우�는 먼저 지정한 글꼴� 우선 순위를 가진다.

2. 글� �기를 설정하는 font-size

스타� 시트�서는 �하는 글� �기를 마�대로 조정할 수 있다.
{font-size:절대�기|�대�기}
~cpp 
<html>
<head>
<title>문� �기 설정 예제</title>
</head>
<Style type="text/css">
body{font-size:10pt}
font.01{font-size:50pt}
font.02{font-size:6mm}
</Style>
<body>
<body><body>태그안� 있는 모든 문�들� 10pt로 설정�어 있습니다.<br>
<font class="01">CSS란 무엇�가?</font><br><br>
<font class="02">우리 �로 스타� 시트입니다.</font><br><br>
IE메뉴 문� �기를 변형 해보십시오<br>
변화가 �기질 않� 것입니다.
</body>
</html> 
글꼴 �기� 사용�는 단위는 아주 다양하게 있다. 단위를 사용하지 않으면 기본�으로 픽셀 단위를 사용한다.
html과 달리 �기 조절� 제한� 없다.

3. 글� 기울임� 설정하는 font-style

{font-style:스타�}
~cpp 
<html>
<head>
<title>글꼴 스타� 설정 예제</title>
</head>
<Style type="text/css">
font.01{font-style:italic}
font.02{font-style:oblique}
</Style>
<body>
<b>
<font size="3" class="01">italic으로 바�니다.</font><br><br>
<font size="3" class="02">oblique로 바�니다.</font><br><br>
</b>
</body>
</html> 
normal(보통), italic(�탤릭), oblique(기울임)

4. 작� � 대문�로 설정하는 font-variant

{font-variant:small-caps}�문�를 작� 대문�로 설정.

5. 글� �께를 설정하는 font-weight

{font-weight:키워드}문� �께를 키워드�서 설정한 값으로 �용
  • 키워드: normal, bold, bolder, lighter(100 ~ 900)

6. 글� �성� 한번� 지정

{font:� 스타�� 키워드}font� 관련� 스타�� �괄�으로 지정할 수 있다.
~cpp 
font{font:italic normal bolder 12pt Arial}

7. 쓰레드

*너무 많다..수백개 다. 필요한 것들만 골�서 정리해야겠다.


홈페�지만들기

Valid XHTML 1.0! Valid CSS! powered by MoniWiki
last modified 2021-02-07 05:31:33
Processing time 0.1485 sec