Comment sélectionner des classes et des identifiants en CSS?

Explication: Types de feuille de style externe CSS - L'intégralité des données de plusieurs pages est stockée dans un fichier «.css».

L'ajout de classes ou d'identifiants peut simplifier votre travail, donc au lieu de taper chaque ligne, vous pouvez utiliser un identifiant ou une classe. L'utilisation de feuilles de style rend également le code plus net.
Remarque: faites-le dans l'externe. css ou le css dans la colonne "head" du document Web.

Méthode 1 sur 3: commun

1

S'il s'agit d'un document HTML et que vous modifiez la colonne d'en-tête, saisissez- en
<style type="text/css">
tant qu'élément enfant de la colonne d'en-tête. Fermez ceci après l'ID/les classes comme-
</style>
2

S'il s'agit d'un document *.css, commencez tout de suite. Le " * " est le nom de votre document.

Méthode 2 sur 3: identifiants

1

Assurez-vous d'avoir suivi les étapes décrites dans la première section.
2

Un ID est défini avec un "#" alors tapez-le - le IDNAME est le nom de votre ID. Cela peut être n'importe quoi.
#idname property1:value; property2:value }
3

Pour utiliser un ID, tapez "id" comme attribut et donnez votre IDNAME.
<TAG id="IDNAME">Some text</TAG>IDNAME est le nom de votre identifiant et TAG est une balise HTML.

Méthode 3 sur 3: cours

1

Une classe est définie par un ". " (point/point), commencez donc par- Où VOTRECLASSE1 et 2 sont les noms de vos classes.
.YOURCLASS1 property1:value; property2:value .YOURCLASS2 property1:value; property2:value }
2

Tapez pour utiliser les deux classes.
<tag class="yourclass1 yourclass2"> text </tag>
3

Tapez pour utiliser 1 classe.
<tag class="yourclass1"> text </tag> or <tag class="yourclass2"> text </tag>

Conseils

Explication: Types de CSS
- Feuille de style externe - L'intégralité des données de plusieurs pages est stockée dans un fichier «.css». Donc, si nous modifions 1 fichier, tout le lot de pages changera. Pour l'utiliser, placez Where NAMEOFFILE est enregistré dans le même répertoire que le document.HTML.
  <head><link rel="stylesheet" type="text/css" href=".css" /> </head>
- Feuille de style interne - Le CSS est fait à l'intérieur de la section "head" du document HTML, par
  <head> <style type="text/css"> hr {color:sienna} p {margin-left:20px}

body {"images/back40.gif")}

</style>

S'il s'agit d'un document *.css, commencez tout de suite.

</head>

- Feuilles de style en ligne - Le style est fait dans le document, donc, cela peut être utilisé avec parcimonie. Cela ne peut pas utiliser d'ID ou de classes.
Si vous utilisez les trois, voici le résultat:
- Navigateur par défaut
- Feuille de style externe
- Feuille de style interne (dans la section head)
- Style en ligne (à l'intérieur d'un élément HTML)

La valeur par défaut est considérée en premier, remplacée par le CSS externe, remplacée par le CSS interne, remplacée par le CSS en ligne.

Mises en garde

Ne commencez pas un nom d'ID/de classe avec un numéro car Internet Explorer est le seul navigateur qui le prend en charge.

Choses dont vous aurez besoin

Un éditeur de texte
Un ordinateur avec un navigateur
Une connaissance de base de HTML, XHTML et CSS

Lisez aussi: Comment créer un compte Hotmail?