font 속성
| font-size | 글꼴의 크기를 지정 |
| font-family | 글꼴을 설정 |
| font-style | 글꼴의 스타일을 지정 |
| font-variant | 소문자를 작은 대문자로 바꿈 |
| font-weight | 글꼴의 굵기를 지정 |
예시
<head>
<style type="text/css">
.p1{
font-size: 2em;
}
.p2{
font-style: italic;
}
.p3{
font-family: "Times New Roman";
}
.p4{
font-variant: small-caps;
}
.p5{
font-weight: 700;
}
</style>
</head>
<body>
<p class="p1">Hello My World Welcome</p>
<p class="p2">Hello My World Welcome</p>
<p class="p3">Hello My World Welcome</p>
<p class="p4">Hello My World Welcome</p>
<p class="p5">Hello My World Welcome</p>
</body>
실행화면
참고
font-size
px : 정밀한 크기 맞출 때 많이 사용
px는 숫자가 커져야해서 불편해서 em을 사용함
inch = 2.54cm
% : 100% == 16px == 1em
font-style
italic : 글자를 기울여 줍니다.
'IT > CSS' 카테고리의 다른 글
| [CSS] 리스트 마커 변경하기/list-style-image/list-style-type (0) | 2021.06.09 |
|---|---|
| [CSS] a:link/a:visited/a:hover/a:active (0) | 2021.06.09 |
| [CSS] background속성/창 크기를 줄여도 배경이미지가 잘리지 않게 하는 방법 (0) | 2021.06.09 |
| [CSS] text속성 (0) | 2021.06.09 |
| [CSS] CSS정의/style태그 선언 방식/style tag에서 tag 접근 방법 (0) | 2021.06.09 |