Mizuri Chef du clan Ichizoku
Messages : 162 Date d'inscription : 30/05/2010
Détails Points de Vie: (63/100) Arme: Shurikens Statut: Chef de clan
| Sujet: Tutoriel n°2 || Les identifiants CSS Dim 25 Juil - 0:36 | |
| Il y a deux moyens d'introduire du CSS : - Si l'on dispose d'un fichier CSS directement lié à la page html (exemple le fichier CSS d'un forum), on introduit directement les identifiants et on entoure les attributs avec des { attributs }
- Si l'on ne dispose pas de fichier CSS, on peut introduire le code directement dans les balises avec "style"
Dernière édition par Mizuri le Dim 25 Juil - 1:03, édité 1 fois |
|
Mizuri Chef du clan Ichizoku
Messages : 162 Date d'inscription : 30/05/2010
Détails Points de Vie: (63/100) Arme: Shurikens Statut: Chef de clan
| Sujet: Re: Tutoriel n°2 || Les identifiants CSS Dim 25 Juil - 0:54 | |
| Avec un fichier CSS : - Il faut insérer class="" ou id="" dans une balise (exemple
- Code:
-
<span class="Bordure"> </span> ou <span id="Bordure"> </span> ) La différence entre class et id ? Un même identifiant class peut s'utiliser plusieurs fois dans votre code html, un id n'est valable qu'une fois. On peut aussi ne pas utiliser class ou id et attribuer des attributs à toutes les balises de même nom (tous les a, tous les span, tous les img...). je vais prendre un exemple de chaque
- Code:
-
<span class="cadre"> (n'oubliez pas les guillemets)</span> <span id="texte"> (n'oubliez pas les <span class="fond">guillemets</span>) </span> <h6> Pas de class ni de id</h6><h6> Le deuxième h6 sera aussi touché</h6>
- Le CSS en lui-même
Ouvrez votre fichier CSS (sur un forumactif => Affichage, Couleur, Feuille de style CSS) et introduisez vos identifiants. Les class s'introduisent précédés d'un point, les id d'un # et les autres de rien du tout. Un petit exemple (n'oubliez pas les acolades). /!\Chaque attribut doit être suivi d'un point-virgule sans quoi il ne fera pas effet /!\: .cadre { border-style : groove ; border-color : cyan ; border-width : thick ; } #texte { color : tomato ; } .fond { background-color : white ; } h6 { border-style : double ; border-color : green; border-width : thick ; text-align : center ; color : white ; } Ce qui nous donnera (bah oui j'ai un fichier CSS dispo alors... xD): (n'oubliez pas les guillemets) (n'oubliez pas les guillemets)
Pas de class ni de id Le deuxième h6 sera aussi touché
|
|
Mizuri Chef du clan Ichizoku
Messages : 162 Date d'inscription : 30/05/2010
Détails Points de Vie: (63/100) Arme: Shurikens Statut: Chef de clan
| Sujet: Re: Tutoriel n°2 || Les identifiants CSS Dim 25 Juil - 1:12 | |
| Sans fichier CSS : l'attribut style Avec style, on introduit directement le CSS dans la balise concernée. Exemple : - Code:
-
<div style="border-style : solid ; border-color : red ; border-width : 2px ;"> N'oubliez pas les guillemets et les points-virgules !!</div> Ce qui donnera : N'oubliez pas les guillemets et les points-virgules !! C'est-y pas beau tout ça ? x) Il suffit donc de mettre style=" " à l'intérieur de votre balise et de mettre les attributs CSS que vous voulez, sans oublier de les séparer par des points virgules. |
|
Contenu sponsorisé
| Sujet: Re: Tutoriel n°2 || Les identifiants CSS | |
| |
|