CSS 글꼴

CSS 글꼴 속성은 글꼴, 굵게, 크기 및 텍스트 스타일을 정의합니다.

CSS 글꼴

CSS에는 두 가지 유형의 글꼴 계열 이름이 있습니다.

유니버설 글꼴 계열 - 비슷한 모양을 공유하는 글꼴 시스템 조합 (예: "Serif" 또는 "Monospace")

특정 글꼴 모음 - 특정 글꼴 모음(예: "Times" 또는 "Courier")

글꼴 모음

font-family 속성은 텍스트의 글꼴 모음을 설정합니다.

font-family 속성은 "대체" 메커니즘으로 여러 글꼴 이름을 설정해야 하며, 브라우저가 첫 번째 글꼴을 지원하지 않으면 다음 글꼴을 시도하게 됩니다.

참고: 글꼴 모음 이름이 두 문자 이상인 경우 글꼴 모음: "宋体"과 같이 따옴표로 묶어야 합니다.

글꼴 스타일

은 주로 기울임꼴 텍스트의 글꼴 스타일 속성을 지정하는 데 사용됩니다.

이 속성에는 세 가지 값이 있습니다.

Normal - 텍스트를 정상적으로 표시합니다.

Italic - 텍스트를 기울임꼴로 표시합니다.

Slanted text - 텍스트를 옆으로 표시합니다. Italic(기울임꼴과 매우 유사하지만 지원 수준이 낮음)

글꼴 크기

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

웹 디자인에서는 텍스트 크기를 관리하는 능력이 매우 중요합니다. 그러나 단락이 제목처럼 보이도록 글꼴 크기를 조정하거나 제목이 단락처럼 보이도록 조정할 수는 없습니다.

제목에는 <h1>, 단락에는 <p>에 올바른 HTML 태그를 사용해야 합니다.

글꼴 크기 값은 절대값 또는 상대적인 크기.

절대 크기:

텍스트를 지정된 크기로 설정

사용자가 모든 브라우저에서 텍스트 크기를 변경할 수 없도록 허용

물리적 크기 결정 절대 크기는

상대 크기 조정:

주변 요소에 상대적인 크기 설정

사용자가 브라우저에서 텍스트 크기를 변경할 수 있도록 허용

할 때 유용합니다.

글꼴 크기를 지정하지 않은 경우 기본 크기는 일반 텍스트 단락과 동일하며 16픽셀(16px=1em)입니다.

글꼴 크기를 픽셀 단위로 설정

텍스트 크기와 픽셀을 설정하여 텍스트 크기를 완전히 제어할 수 있습니다.

사용 em 글꼴 크기를 설정하려면

Internet Explorer에서 텍스트 크기를 조정할 수 없는 문제를 피하기 위해 많은 개발자는 픽셀 대신 em 단위를 사용합니다.

W3C에서는 em 크기 단위를 권장합니다.

1em은 현재 글꼴 크기와 같습니다. 브라우저의 기본 텍스트 크기는 16px입니다.

따라서 1em의 기본 크기는 16px입니다. 다음 공식을 사용하여 픽셀을 em으로 변환할 수 있습니다. px/16=em 솔루션에서 <body> 요소의 기본 글꼴 크기는 백분율로 설정됩니다.

아아아아

지속적인 학습

||

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> h1{font-family:"微软雅黑"} p.text1{font-style:italic;} p.text2{font-size:40px;} p.text3{font-size:1.875em;} /* 30px/16=1.875em */ p.text4{font-size:0.875em;} </style> </head> <body> <h1>《七步诗》曹植</h1> <p class="text1">煮豆持做羹,</p> <p class="text2">漉豉以为汁,</p> <p class="text3">萁在釜下燃,</p> <p class="text4">豆在釜中泣,</p> <p class="text5">本自同根生,</p> <p class="text6">相煎何太急?</p> </body> </html>

제출하다 코드 재설정
자동운전