Bienvenue sur le Wiki d'Univers-PC !


Le Wiki est encore en phase "alpha", c'est à dire en version de développement. Nous attendons qu'il soit suffisamment mûr pour le référencer comme il se doit.
C'est pour cela que nous invitons tout le monde à participer, pour cela inscrivez-vous gratuitement (ci dessus à droite).
N'hésitez pas à modifier, créer des pages, discuter car c'est le principe même du wiki (c'est exactement comme Wikipedia). On peut toujours revenir en arrière.

Afin de vous familiariser avec le wiki je vous invite à lire les Tutoriaux du wiki.
Et à me contacter par google talk : squallerequin@gmail.com

Rapporter une mise à jour de logiciel
Pour accéder au wiki : Wiki-PC.fr

Attributs span

De Wiki-PC.

(Redirigé depuis Attribut span)

Sommaire

Exemple

Code XHTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Titre du Site</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
 <link rel="stylesheet" media="screen" type="text/css" title="span-div" href="span-div.css" />
 
   </head>
   <body>

 <h1>Titre le plus important</h1>

 <p>Bonjour
 <br />
 Vous <span class="rouge">allez</span> bien ?</p>

   </body>
 </html>

Code CSS : span-div.css

.rouge
 {
    color: red;
 }


Ce qui affichera

Ce qui vous affichera...


Explication

On ajoute le lien vers la feuille de style :

<link rel="stylesheet" media="screen" type="text/css" title="span-div" href="span-div.css" />

L'attribut span se place n'importe ou dans un texte. Dans l'exemple allez sera donc en rouge.

Ensuite on l'ajoute dans la feuille de style CSS :

.rouge
 {
    color: red;
 }


Appel de l'attribut dans le css

Quand on appelle la balise span dans le css il faut ajouter le point devant le nom que vous lui aurez donné :

.


Pour résumer

L'attribut class ou id ce met dans n'importe quelle balise :
<span class="...">...</span>
...

Et on rajoute le CSS pour le span :

.rouge
 {
    color: red;
 }


Balise de type Inline.

Dernière modification de cette page le 23 novembre 2008 à 08:40.
Cette page a été consultée 700 fois.