Heim  >  Artikel  >  Web-Frontend  >  Einführung in Attribute im CSS-Textstil (mit Code)

Einführung in Attribute im CSS-Textstil (mit Code)

不言
不言Original
2018-08-18 11:45:481731Durchsuche

Dieser Artikel bietet Ihnen eine Einführung in die Attribute in CSS-Textstilen (mit Code). Ich hoffe, dass er für Freunde hilfreich ist.

1. Legen Sie die Schriftart „font-family“ fest.
Es wird empfohlen, für den Attributwert „Microsoft Yahei“ zu verwenden Song Dynasty „SimSun“ verbessert die Ladegeschwindigkeit;
Legen Sie optionale Schriftarten durch Kommas getrennt fest)

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 ——font-size

index.css

p{    font-size:21px;}

3. Stellen Sie den Text auf Fett ein.——font-weight

Attributwert: normal; normal

fett/fetter; fett
index.css

p{    font-weight:bold;}

4. Setzen Sie den Text auf kursiv – Schriftstil

Attributwert:

index.css

p{    font-style:italic;}

5. Stellen Sie Englisch auf kleine Großbuchstaben ein. css

p{font-variant: small-caps;}

Verwandte Empfehlungen:

Beispiel für die CSS-Einstellung von Textattributen


CSS-Attribut Schriftart (Font )_html/css_WEB -ITnose

CSS-Stilattribut der Webseite: Schriftart common sense_html/css_WEB-ITnose

Das obige ist der detaillierte Inhalt vonEinführung in Attribute im CSS-Textstil (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn