집 >웹 프론트엔드 >CSS 튜토리얼 >CSS 텍스트 스타일의 속성 소개(코드 포함)

CSS 텍스트 스타일의 속성 소개(코드 포함)

不言원래의: 2018-08-18 11:45:481807검색

이 문서에서는 CSS 텍스트 스타일(코드 포함)의 속성을 소개합니다. 필요한 참조 값이 있으면 도움이 될 것입니다.

1. 텍스트 글꼴 설정 - 글꼴 계열
속성 값에는 굵은 영어 Arial을 사용하는 것이 좋습니다.
Microsoft Yahei "Microsoft Yahei"; 송나라 "SimSun"은 로딩 속도를 향상시킵니다.

index.html

<!doctype html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>字体</title>
    <link href="index.css" type="text/css" rel="stylesheet"/>
</head>
<body>
    <p>
    设置文字字体属性值建议用英文黑体Arial； 微软雅黑 “Microsoft Yahei”；
    宋体“SimSun”;提高加载速度；设置可选字体用逗号隔开  
    </p> 
</body>
</html>

index.css

p{    font-family:"SimSun";}

2 텍스트 크기 설정 - 글꼴 크기

index.css

p{    font-size:21px;}

3 .Set 텍스트를 굵은 글씨로 표시——font-weight

속성 값: 보통

굵은체/굵은체
index.css

p{    font-weight:bold;}

4. 텍스트를 글꼴 스타일로 설정합니다.

속성 값: italic;

index.css

p{    font-style:italic;}

5 영어를 작은 대문자 글꼴로 설정합니다.

6. 텍스트 색상 설정

index.css

p{font-variant: small-caps;}

7. 텍스트 배경 색상 설정

index.css

p{    color:lightgreen;}

CSS 텍스트 스타일의 속성 소개(코드 포함)

관련 기사