suchen

Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie den Anfangsbuchstaben in CSS

So verwenden Sie den Anfangsbuchstaben in CSS

不言
不言Original
2018-12-08 15:28:324090Durchsuche

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“

So verwenden Sie den Anfangsbuchstaben in CSS

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

-Tag anwenden möchten.

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

So verwenden Sie den Anfangsbuchstaben in CSS

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

anwenden möchten, ändern Sie es einfach in h1.

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!

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
Vorheriger Artikel：So erstellen Sie mit Box-Shadow einen RandeffektNächster Artikel：So erstellen Sie mit Box-Shadow einen Randeffekt

In Verbindung stehende Artikel

Mehr sehen