![[CSS] 폰트(font)](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FckXjoa%2FbtriRKMCLIO%2FJ1EsnOekEs1ocKcJ6qaGLk%2Fimg.jpg)
728x90
font(폰트)
- 글자와 관련된 스타일을 지정할 수 있는 속성
font-family : 글꼴 지정
font-size : 크기 지정
font-weight : 굵기 지정
font-style : 글씨체 지정
font-variant : 소문자->대문자 변환 (일반 대문자보다 작다)
Lint-height : 줄 간격 지정
font : 위 속성을 한 줄에 모두 지정(font-size/font-family 생략 불가)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>폰트</title>
<style type="text/css">
/*
div h1{
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 25px;
line-height: 500%;
font-family: "궁서";
}
*/
div h1 {
font: bold italic small-caps 25px/500% "궁서";
}
</style>
</head>
<body>
<div>
<h1>Bigdata 전문가 과정</h1>
</div>
<h1>Bigdata 전문가</h1>
</body>
</html>
728x90
'Web > CSS' 카테고리의 다른 글
| [CSS] 상자(box) (0) | 2021.12.12 |
|---|---|
| [CSS] 배경(background) (0) | 2021.12.11 |
| [CSS] 단락(paragraph) (0) | 2021.12.10 |
| [CSS] 선택자(selector) (0) | 2021.12.08 |
| [CSS] HTML문서에 CSS 적용 방법 (0) | 2021.12.07 |