<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
a{
text-decoration: none;
}
.text{
color : blue;
font-size : 40px;
font-weight: 300;
font-family:"궁서";
font-style: italic;
letter-spacing: 10px;
text-align: left;
}
</style>
</head>
<body>
<h1 class = "text">글자관련 <a href="a">속성</a></h1>
<p>
글자 관련 속성들에 관해 알아봅시다 !
</p>
</body>
</html>1. style 태그
a
a{
text-decoration : none;
color : yellow;
}
text-decoration
none >> 선 삭제
line-through >> 글자 중간에 선
overline >> 글자 위 선
underline >> 밑줄
color
색상 넣기
.text
.text{
color: blue;
font-size : 40px;
단위 px, em, pt 등등
font-weight: 300;
글자의 굵기 : 100-900(100-300은 가늘게), (400-600은 중간),(700-900은 굵게)
font-family:"궁서";
글꼴 >> 내 컴퓨터에 저장된 글자가 표현 (웹프론트는 연결해서 사용)
font-style: italic;
글자 스타일 >> italic(기울기), normal
letter-spacing: 10px;
자간(글자 사이의 간격) >> 단위 px, %, - ...
text-align: left;
문단 정렬 >> left, right, center
}
