Mit First-letter kann der Stil auf das erste Zeichen des Blockelements angewendet werden, mit dem der erste Buchstabe des angegebenen Selektors ausgewählt werden kann. Wie können wir also So verwenden Sie den Anfangsbuchstaben in CSS verwenden? CSS? Schauen wir uns die Verwendung des Anfangsbuchstabens genauer an.
Das folgende Bild zeigt den Effekt der Anwendung „Anfangsbuchstabe“
Nur das erste Zeichen ist farbig und die Schriftgröße ist auf 300 % eingestellt.
Als nächstes werfen wir einen Blick auf die spezifische Verwendung von Anfangsbuchstabe
Anfangsbuchstabe wird wie folgt geschrieben
p：So verwenden Sie den Anfangsbuchstaben in CSS{
/ *描述你想要应用的CSS样式* /
}Dies wird durch p Blockelement.
Es zeigt auf das p des
-Tags. Sie können es in h1 ändern, wenn Sie das
Sehen wir uns ein konkretes Beispiel an
Der Code lautet wie folgt
HTML-Code
<html>
<head>
<meta charset="utf-8">
<title>So verwenden Sie den Anfangsbuchstaben in CSS</title>
<link rel="stylesheet" type="text/css" href="sample.css">
</head>
<body>
<p>
</p>
</body>
</html>CSS-Code
sample.css
p:So verwenden Sie den Anfangsbuchstaben in CSS{
color:#5bc0de;
font-size:300%;
}Laufergebnis
Der unten gezeigte Effekt wird im Browser angezeigt
auf p folgt ein „:“ (Doppelpunkt), nicht „.“
Dies gilt überhaupt nicht, wenn Sie nur einen Fehler machen. Seien Sie also vorsichtig.
Und wie bereits erwähnt ist p ein Blockelement. Das Blockelement bezieht sich auf das p des
-Tags. Wenn Sie es auf
Der CSS-Stil, den wir in {} geschrieben haben. Das heißt, schreiben Sie einfach einen Stil, den Sie am liebsten auf das erste Zeichen anwenden möchten.
Das obige ist der detaillierte Inhalt vonSo verwenden Sie den Anfangsbuchstaben in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
