L'utilisation de First-letter peut appliquer le style au premier caractère de l'élément de bloc, qui peut être utilisé pour sélectionner la première lettre du sélecteur spécifié. Alors, comment pouvons-nous utiliser la première lettre dans. CSS ? Examinons de plus près l'utilisation de la première lettre.
L'image suivante a l'effet "première lettre" appliqué
Seul le premier caractère est coloré et la taille de la police est définie sur 300 %.
Jetons ensuite un coup d'œil à l'utilisation spécifique de première lettre
la première lettre s'écrit comme suit
p：Comment utiliser la première lettre en CSS{
/ *描述你想要应用的CSS样式* /
}C'est fait by L'élément de bloc spécifié par p.
Il pointe vers le p de la balise
, vous pouvez le changer en h1 si vous souhaitez appliquer la balise
Regardons un exemple spécifique
Le code est le suivant
Code HTML
<html>
<head>
<meta charset="utf-8">
<title>Comment utiliser la première lettre en CSS</title>
<link rel="stylesheet" type="text/css" href="sample.css">
</head>
<body>
<p>
</p>
</body>
</html>CSS code
sample.css
p:Comment utiliser la première lettre en CSS{
color:#5bc0de;
font-size:300%;
}Le résultat d'exécution
affiche l'effet suivant sur le navigateur
p est suivi de ":" (deux-points), et non de "."
Cela ne s'appliquera pas du tout si vous faites simplement une erreur, alors soyez prudent.
Et, comme mentionné précédemment, p est un élément bloc. L'élément block fait référence au p de la balise
. Si vous souhaitez l'appliquer à
Le style CSS que nous avons écrit dans {}. Autrement dit, écrivez simplement le style que vous souhaitez le plus appliquer au premier caractère.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Qu'est-ce que j2ee
Quelles sont les méthodes pour se connecter au serveur vps
Comment transformer deux pages en un seul document Word
Comment créer un clone WeChat sur un téléphone mobile Huawei
Quels sont les moyens de dégager les flotteurs ?
largeur de décalage
Que dois-je faire si le disque temporaire ps est plein ?
Tableau de mots réparti sur plusieurs pages
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
