글자스타일과 div 스타일을 css를 이용하여 지정할 수 있다.
그리고
id로 불러오려면 #태그를 이용하고
class로 불러오려면 .태그를 이용한다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>텍스트 스타일 사용 예</title>
<link href="../css/textstyle.css" rel="stylesheet">
</head>
<body>
<div id="title">
글자 관련 스타일
</div>
<div class="contents">
글자 관련 스타일 속성을 이용하여 글꼴, 글자 크기, 모양, 색, 표현 범위 지정 등을 설정한다.
그리고, 글자 간격, 굵기, 줄 간격을 설정할 수 있다.
</div>
</body>
</html>
@charset "utf-8";
body {
text-align: center;
}
#title {
font-size: 28px;
color: rgba(124,43,2, 0.7);
}
.contents {
font-family: "궁서", Arial, Helvetica, sans-serif;
width: 200px;
height: 100px;
margin: 30px auto;
line-height: 1.5;
overflow: auto;
border: 1px solid #ccc;
}
728x90
반응형
'HTML > CSS 기초' 카테고리의 다른 글
| [CSS] margin 설정하기 (0) | 2020.07.28 |
|---|---|
| [CSS] 문단마다 스타일 설정하기 (0) | 2020.07.28 |
| [CSS] prefix (0) | 2020.07.28 |
| [CSS] 외부 스타일 (0) | 2020.07.28 |
| [CSS] 인라인 스타일, 임베디드 스타일 (0) | 2020.07.28 |
