Webelix.net :: CSS - Méthode interne (embedding)

Inscription
fleche

Mot de passe oublié ?

Les 6 dernières pages de Cours et Dossiers ajoutées

(15/05/2008) Trucs et Astuces - (HTML) Jukebox audio en flash
(10/05/2008) Downloads - Thème LiMsn pour PHPelix
(01/01/2008) PHP - Expression Rationnelle PREG_REPLACE
(01/01/2008) Trucs et Astuces - (PHP) Supprimer les espaces en trop dans une chaîne
(26/12/2007) Trucs et Astuces - (HTML) Jukebox vidéo en flash
(02/12/2007) Trucs et Astuces - (PHP) Manipulation des Dates

Informations Générales

Chargement en cours...

Nombre de Visites fleche

[ 142790 ]
Votre IP fleche

[ 38.103.63.17 ]

Vous êtes ici : Home Page

Cours

CSS

Methode interne

Imprimer

Informations Membres

	[197] Posts sur le forum
	[181] Membres inscrits

Il y a en ligne :

0 Membre

4 Invités

Membre en ligne:
Aucun

Partenariat

Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers. Rendez-vous dans « Partenariat » pour en savoir plus.

Nom de domaine

Partenaires

Méthode interne (embedding)

Exemple 1

Il s'agit de placer les règles du langage CSS entre <HEAD> et </HEAD> dans la ou chaque page souhaitée.
Comparez ci-dessous avec un premier exemple réalisé en HTML pour appliqué au tag "h2" placé dans le BODY et qui donne ..............

Résultat :

Titre 2, exemple HTML

Exemple 2

Ici le sélecteur "h6" (par exemple pour les besoins de la démonstration ) codifié avec un corps de 16 points.

Résultat :

Titre 2, exemple CSS

Code source dans HEAD

<style type="text/css">
<!--
h6 {
font-family : arial, verdana, sans-serif;
font-size : 16pt;
color : black;
}
-->
</style>

En bleu et obligatoire le type de style CSS utilisé.
En rouge le sélecteur servant pour cet exemple.
Cette règle est en place dans le source de ce fichier, sinon la démo ne fonctionnerait pas.

Par contre, il y a dans cet exemple la valeur de "h6=16pt", choisie volontairement pour faire le distinguo entre le CSS et le HTML.
En effet "h2" est mentionné dans l'exemple code HTML pur, et le reprendre dans le bloc CSS ne pourrait fonctionner (souvenez-vous que le CSS est prioritaire sur le HTML).

"h6" en HTML pur dans un source normal aurait donné ceci :

Titre 2, exemple HTML

Vous pouvez ainsi commencer à réaliser des exercices de base du CSS mais n'oubliez jamais de fermer les sélecteurs (<h6> --- </h6>), même si pour certains comme <p> n'est pas obligatoire en HTML.