webmaster Aucune session ouverte actuellement ( Connexion // Inscription )
 Statut
Bienvenue invité
Page d'accueil
Connexion
Presentation
Inscription

 A la UNE
Actu Cinéma sur votre site et à vos couleurs
Ajoutez gratuitement les sorties cinéma sur votre site web à vos couleurs et sans pubs (en PHP ou HTML).
Voir le service
 Langages WEB
XHTML
PHP
CSS
 Les Dossiers
Bases creation
Publication & ref.
Graphisme
Contenu
 Générateurs
Générateur d'alerte
Générateur erreurs
Générateur d'aide
Tous
 Ressources
Les audits
Les interviews
Les astuces
Palette Couleurs
 Les membres:
Les connectés:

Aucun connecté
 Rentabilisez !


 

Conception-Web: Services et ressources pour webmasters

Les balises types Inline et Block - Cours CSS

Nom du cours:Les balises types Inline et Block
Auteur:Guillaume
Catégorie: Posté dans la catégorie CSS
Commentaire(s): suite... | 0 commentaire

Le cours CSS

Les balises types "Inline" sont des balises qui se mettent à l'intérieur des paragraphes.

Si dans votre paragraphe vous voulez mettre que un nom en rouge par exemple, il vous faut utiliser les balises inline.

  • Balises de types inline (<span>, <strong>, <em> etc...)
  • Balises de types block (<p>, <h2>, etc...) // Une balise de type block, crée un block dans la page, donc retour à la ligne
.rouge {
color: red;
}

Voici la partie css, dans votre page, dans une balise de type block par exemple, attribuez une balise "<span>" avec la classe "rouge"... facile non ?

<p>Je veux mettre seulement <span class="rouge">ça</span> en rouge, voilà</p>

Ce n'est pas tout bien sûr, si vous voulez aussi mettre que du texte en gras, comment faire sans utiliser les css ?

<p>Je veux mettre seulement <strong>ça</strong> en gras, voilà</p>

Je vous conseils d'attribuer une classe en gras, sinon, si un jour vous voudrez modifier, vous serez obliger de tout revoir.

.gras {
font-weight: bold;
}

Puis, dans votre page XHTML

<p>Je veux mettre seulement <span class="gras">ça</span> en gras, voilà</p>

Je ne vais pas vous citer ici toutes les balises de types "inline", tel n'est pas le but de ce chapitre...

  • Préférez utiliser les CSS que des <strong> partout par exemple.
  • Faites bien la différence entre balises de types inline et block
  • Ecrivez toujours votre texte dans une balise de type block
© Copyright 2002-2005 Conception-Web - Déclaré à la CNIL sous le numéro 878357 - Mentions légales