기본기부터시작하는 IT생활

글꼴과 관련된 스타일링이란?

• 글꼴과 관련된 css 스타일링에는 가장 대표적으로 fonts 가 있다. 이 스타일링은 폰트의 크기, 굵기, 글꼴등을 설정할 수 있다. 

font-size

• font-size는 폰트의 크기를 조절하는 스타일링이다.  font-size의 단위는 여러가지 있지만 px단위를 제일 많이 사용한다.

//코드 양식
font-size: 단위;


//코드 사용 예시
//html 부분
<p class="size1">15px 입니다.</p>
<p class="size2">20px 입니다.</p>
<p class="size3">25px 입니다.</p>

//css 부분
.size1{
    font-size: 15px;
}

.size2{
    font-size: 20px;
}

.size3{
    font-size: 25px;
}

font-weight

• font-weight는 글꼴의 굵기를 조절하는 css이다. 

//코드 양식
font-weight: 단위;

//코드사용 예시
//html 부분
<p class="weight1">100 입니다.</p>
<p class="weight2">600 입니다.</p>


//css 부분

.weight1{
    font-weight: 100;
}

.weight2{
    font-weight: 600;
}