테스트 사이트 - 개발 중인 베타 버전입니다

Font Size 글자 크기

· 8년 전 · 2327

Font Size 글자 크기

font-size속성은 텍스트의 크기를 설정합니다.

 

텍스트 크기를 관리 할 수 ​​있다는 것은 웹 디자인에서 중요합니다. 그러나 단락을 표제처럼 보이게하거나 머리글을 단락처럼 보이게하려면 글꼴 크기 조정을 사용하면 안됩니다.

 

제목에는 <h1> - <h6>, 단락에는 <p>과 같은 적절한 HTML 태그를 사용하십시오.

 

font-size 값은 절대 크기 또는 상대 크기 일 수 있습니다.

 

절대 크기 :

 

텍스트를 지정된 크기로 설정합니다.

사용자가 모든 브라우저에서 텍스트 크기를 변경할 수 없도록합니다 (접근성상의 이유로 불량)

절대 크기는 출력의 물리적 크기가 알려진 경우 유용합니다.

상대 크기 :

 

주변 요소를 기준으로 크기를 설정합니다.

사용자가 브라우저에서 텍스트 크기를 변경할 수 있습니다.

참고 : 글꼴 크기를 지정하지 않으면 단락과 같은 일반 텍스트의 기본 크기는 16px (16px = 1em)입니다.

 

픽셀로 글꼴 크기 설정

텍스트 크기를 픽셀로 설정하면 텍스트 크기를 완벽하게 제어 할 수 있습니다.

 

 

 

h1 {

    font-size: 40px;

}

 

h2 {

    font-size: 30px;

}

 

p {

    font-size: 14px;

}

 

 

<!DOCTYPE html>

<html>

<head>

<style>

h1 {

    font-size: 40px;

}

 

h2 {

    font-size: 30px;

}

 

p {

    font-size: 14px;

}

</style>

</head>

<body>

 

<h1>This is heading 1</h1>

<h2>This is heading 2</h2>

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

 

</body>

</html>




댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
3293
3292
3291
3290
3289
3288
3286
3285
3284
3282
3281
3280
3279
3278
3277
3276
3275
3274
3273
3272
3271
3270
3269
3268
3267
3266
3265
3263
3262
3261