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

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

不言
Freigeben: 2018-08-18 11:45:48
Original
1810 Leute haben es durchsucht

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>
Nach dem Login kopieren

index.css

p{    font-family:"SimSun";}
Nach dem Login kopieren

2 ——font-size

index.css

p{    font-size:21px;}
Nach dem Login kopieren

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

Attributwert: normal; normal

fett/fetter; fett
index.css

p{    font-weight:bold;}
Nach dem Login kopieren

4. Setzen Sie den Text auf kursiv – Schriftstil

Attributwert:

index.css

p{    font-style:italic;}
Nach dem Login kopieren

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

p{font-variant: small-caps;}
Nach dem Login kopieren

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!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage