Maison >interface Web >tutoriel HTML >Que signifie la classe en HTML ? Introduction à l'utilisation de l'attribut class de HTML (avec exemples)
Que signifie la classe en HTML ? Introduction à l'utilisation de l'attribut class de HTML (avec exemples)
- 寻∝梦original
- 2018-09-03 17:15:2775930parcourir
Cet article présente principalement la signification de la classe en html et l'analyse d'exemples d'utilisation de la classe en html. Il y a aussi une explication du rôle de la classe HTML à l'arrière gauche. Ensuite, lisons cet article ensemble
Tout d'abord, introduisons la signification de la classe en html :
L'attribut class spécifie le nom de classe de l'élément ( nom de classe ).
L'attribut class est le plus souvent utilisé pour pointer vers la classe dans la feuille de style. Cependant, vous pouvez également l'utiliser pour modifier des éléments HTML avec des classes spécifiées via JavaScript.
Le class= en HTML est un sélecteur, qui peut être compris comme un identifiant, utilisé pour identifier des balises spécifiques.
Par exemple :
De plus, le fichier flash général est invisible, il est juste appelé. Lorsque vous souhaitez regarder le fichier flash seul ou le télécharger directement, vous pouvez copier le nom du fichier flash dans le navigateur en fonction du chemin et le regarder directement.
Remarque : L'attribut class ne peut pas être utilisé dans les éléments HTML suivants : base, head, html, meta, param, script, style et title.
Astuce : Vous pouvez attribuer plusieurs classes aux éléments HTML, par exemple :
Conseil : les noms de classes ne peuvent pas commencer par des chiffres ! Seul Internet Explorer prend en charge cette approche.
Valeur de l'attribut class en html :
classname : précise le nom de la classe de l'élément. Pour spécifier plusieurs classes pour un élément, séparez les noms de classe par des espaces.
Jetons maintenant un coup d'œil à l'utilisation de l'attribut class en HTML :
Voici un exemple de l'attribut class en HTML : Utilisation de l'attribut class en HTML documents :
<html>
<head>
<style type="text/css">
h1.intro {color:blue;}
p.important {color:green;}
</style>
</head>
<body>
<h1 class="intro">PHP中文网</h1>
<p>一个编程网站</p>
<p class="important">这里是PHP中文网</p>
</body>
</html>L'effet est le suivant :
On voit que cette image a changé tous les mots, mais le texte d'une balise p n'a aucun effet, car l'effet n'a pas encore été défini.
la classe n'est qu'un sélecteur comme id. Après avoir défini le style, elle est appelée par la balise html pour réaliser la mise en page, la mise en page et le style.
Voici un autre exemple de classe HTML :
<style>
#nav{float:left;}
/*id调用*/
.text{font-size:30px;}
.text2{font-size:10px;}
/*class调用*/
</style>
<body>
<div id="nav">
<p class="text">第一行文字PHP中文网</p>
<p class="text2">PHP中文网第二个文字</p>
</div>
<body>L'effet est très évident, comme indiqué ci-dessous :
Une police fait 30 pixels et l'autre seulement 10 pixels. N'est-ce pas évident ? Il s'agit simplement de la présentation du style de définition du sélecteur de classe.
Explication du rôle de la classe en HTML :
la classe est généralement utilisée pour unifier les paramètres de style, tels que tous les li dans un ul, sa police et la couleur d'arrière-plan , etc., vous pouvez rendre les noms de classe de tous les li identiques, car en HTML, les deux noms de classe peuvent être répétés, après avoir unifié les styles, par exemple, plusieurs li ont des styles différents, à ce moment-là. vous donnez à plusieurs styles différents de li un identifiant, puis contrôlez ses attributs via l'ID
D'accord, ce qui précède est l'explication de la classe HTML dans cet article, et les exemples d'utilisation de l'explication de la fonction HTML, si. vous avez des questions, vous pouvez les poser ci-dessous.
[Recommandation de la rédaction]
Comment écrire du code d'espace html ? Résumé de l'expression du code spatial html
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!