Maison interface Web js tutoriel Comment utiliser le pseudo élément first-letter pour mettre en majuscule la première lettre du texte

Comment utiliser le pseudo élément first-letter pour mettre en majuscule la première lettre du texte

Mar 09, 2018 pm 01:47 PM
first-letter 元素

Cette fois, je vais vous montrer comment utiliser le pseudo-élément première lettre pour mettre en majuscule la première lettre du texte. Quelles sont les précautions concernant l'utilisation du pseudo-élément première lettre pour mettre en majuscule la première lettre. du texte. Ce qui suit est un cas pratique.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"><HTML>
 <HEAD>
  <TITLE>Drop cap initial letter</TITLE>
  <STYLE type="text/css">
   P { 
     font-size: 12pt; 
     line-height: 1.2; 
     width:250px;
   }   P::first-letter { 
     font-size: 224%; 
     margin-top: -5px;     font-weight: bold; 
     float:left; 
   }   SPAN { 
     text-transform: uppercase 
   }  </STYLE>
 </HEAD>
 <BODY>
  <P><SPAN>The first</SPAN> few words of an article
    in The Economist.The first few words of an article
    in The Economist.</P>
 </BODY></HTML>
Copier après la connexion

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Explication détaillée de l'utilisation de bootstrap-validator

Utilisation inter-domaines d'iframe

Quatre façons de déclarer des fonctions en js

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Programme C++ : ajouter un élément à un tableau Programme C++ : ajouter un élément à un tableau Aug 25, 2023 pm 10:29 PM

Un tableau est une structure de données séquentielle linéaire utilisée pour contenir des données homogènes dans des emplacements mémoire contigus. Comme les autres structures de données, les tableaux doivent avoir la capacité d'insérer, de supprimer, de parcourir et de mettre à jour des éléments de manière efficace. En C++, nos tableaux sont statiques. C++ fournit également des structures de tableaux dynamiques. Pour un tableau statique, les éléments Z peuvent être stockés dans le tableau. Jusqu'à présent, nous avons n éléments. Dans cet article, nous apprendrons comment insérer des éléments à la fin d’un tableau (également appelés éléments d’ajout) en C++. Comprenez le concept à travers des exemples. L'utilisation du mot-clé « this » est la suivante : GivenarrayA=[10,14,65,85,96,12,35,74,69]Afterin.

Effet de transition CSS : comment obtenir l'effet de glissement des éléments Effet de transition CSS : comment obtenir l'effet de glissement des éléments Nov 21, 2023 pm 01:16 PM

Effet de transition CSS : Comment obtenir l'effet de glissement des éléments Introduction : Dans la conception Web, l'effet dynamique des éléments peut améliorer l'expérience utilisateur, parmi lesquels l'effet de glissement est un effet de transition courant et populaire. Grâce à la propriété de transition du CSS, nous pouvons facilement obtenir l'effet d'animation glissante des éléments. Cet article expliquera comment utiliser les propriétés de transition CSS pour obtenir l'effet de glissement des éléments et fournira des exemples de code spécifiques pour aider les lecteurs à mieux comprendre et appliquer. 1. Introduction à la transition des attributs de transition CSS Attributs de transition CSS tra

Transformation CSS : comment obtenir l'effet de rotation des éléments Transformation CSS : comment obtenir l'effet de rotation des éléments Nov 21, 2023 pm 06:36 PM

Transformation CSS : comment obtenir l'effet de rotation des éléments nécessite des exemples de code spécifiques. Dans la conception Web, les effets d'animation sont l'un des moyens importants pour améliorer l'expérience utilisateur et attirer l'attention de l'utilisateur, et l'animation de rotation est l'un des moyens les plus classiques. En CSS, vous pouvez utiliser l'attribut « transform » pour obtenir divers effets de déformation des éléments, y compris la rotation. Cet article présentera en détail comment utiliser la « transformation » CSS pour obtenir l'effet de rotation des éléments et fournira des exemples de code spécifiques. 1. Comment utiliser le « transf » de CSS

Dans JavaFX, quels sont les différents éléments du chemin ? Dans JavaFX, quels sont les différents éléments du chemin ? Aug 28, 2023 pm 12:53 PM

Le package javafx.scene.shape fournit des classes avec lesquelles vous pouvez dessiner diverses formes 2D, mais ce ne sont que des formes primitives comme des lignes, des cercles, des polygones et des ellipses, etc... Donc, si vous souhaitez dessiner des formes complexes. Pour des formes personnalisées, vous avez besoin pour utiliser la classe Path. Classe Path Classe Path Vous pouvez dessiner des chemins personnalisés à l'aide de ce contour géométrique qui représente une forme. Pour dessiner des chemins personnalisés, JavaFX fournit divers éléments de chemin, tous disponibles sous forme de classes dans le package javafx.scene.shape. LineTo - Cette classe représente la ligne de l'élément de chemin. Il vous aide à tracer une ligne droite depuis les coordonnées actuelles jusqu'aux (nouvelles) coordonnées spécifiées. HlineTo - Ceci est le tableau

Quels éléments ne sont pas pris en charge par HTML5 Quels éléments ne sont pas pris en charge par HTML5 Aug 11, 2023 pm 01:25 PM

Les éléments non pris en charge par HTML5 sont les éléments purement expressifs, les éléments basés sur des cadres, les éléments d'application, les éléments remplaçables et les anciens éléments de formulaire. Introduction détaillée : 1. Éléments purement expressifs, tels que font, center, s, u, etc., ces éléments sont généralement utilisés pour contrôler le style et la mise en page du texte ; 2. Éléments basés sur des cadres, tels que frame, frameset et noframes ; les éléments sont utilisés dans Dans le passé, il était utilisé pour créer des mises en page Web et des fenêtres divisées. 3. Éléments liés à l'application, tels que l'applet, l'isinde, etc.

Comment implémenter une mise en page avec un menu de navigation fixe en utilisant HTML et CSS Comment implémenter une mise en page avec un menu de navigation fixe en utilisant HTML et CSS Oct 26, 2023 am 11:02 AM

Comment utiliser HTML et CSS pour implémenter une mise en page avec un menu de navigation fixe. Dans la conception Web moderne, les menus de navigation fixes sont l'une des mises en page courantes. Il peut maintenir le menu de navigation toujours en haut ou sur le côté de la page, permettant aux utilisateurs de parcourir facilement le contenu Web. Cet article explique comment utiliser HTML et CSS pour implémenter une mise en page avec un menu de navigation fixe et fournit des exemples de code spécifiques. Tout d'abord, vous devez créer une structure HTML pour présenter le contenu de la page Web et le menu de navigation. Voici un exemple simple

Comment utiliser CSS pour obtenir l'effet de dégradé de transparence d'un élément Comment utiliser CSS pour obtenir l'effet de dégradé de transparence d'un élément Nov 21, 2023 pm 01:38 PM

Comment utiliser CSS pour obtenir l'effet de dégradé de transparence des éléments Dans le développement Web, l'ajout d'effets de transition aux éléments de page Web est l'un des moyens importants pour améliorer l'expérience utilisateur. L'effet dégradé de transparence peut non seulement rendre la page plus fluide, mais également mettre en valeur le contenu clé de l'élément. Cet article expliquera comment utiliser CSS pour obtenir l'effet de dégradé de transparence des éléments et fournira des exemples de code spécifiques. Utiliser l'attribut de transition CSS Pour obtenir l'effet de dégradé de transparence d'un élément, nous devons utiliser l'attribut de transition CSS. t

Programme Python pour tester si tous les éléments d'une liste sont séparés par un maximum de K Programme Python pour tester si tous les éléments d'une liste sont séparés par un maximum de K Aug 28, 2023 pm 05:25 PM

Dans de nombreux scénarios de programmation, nous rencontrerons des situations dans lesquelles nous devrons déterminer si tous les éléments d’une liste sont espacés d’au plus K positions. Ce problème se pose dans divers domaines tels que l’analyse des données, le traitement des séquences et les défis algorithmiques. Être capable de tester et de vérifier ces conditions est essentiel pour garantir l'intégrité et l'exactitude de nos programmes. Dans cet article, nous explorerons un programme Python pour résoudre ce problème efficacement. Nous discuterons du concept, présenterons une approche étape par étape pour résoudre le problème et fournirons une implémentation de code fonctionnelle. Après avoir lu cet article, vous comprendrez clairement comment utiliser Python pour vérifier si les éléments d'une liste sont espacés d'au plus K positions. Comprendre le problème Avant d'aborder la solution, comprenons d'abord l'énoncé du problème en détail. Étant donné une liste d'éléments, nous avons besoin

See all articles