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

Inscription
fleche

Mot de passe oublié ?

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

(17/05/2009) - Utilitaires - Testeur de REGEX
(08/11/2008) - Trucs et Astuces - Insérer un copyright sur une image avec la librairie GD
(01/11/2008) - Trucs et Astuces - Créer des titres en image PHP avec la librairie GD
(05/10/2008) - PHP - La Librairie GD (Redimensionnement d'une image)
(04/10/2008) - PHP - La Librairie GD (Ouverture et dimensions d'une image)
(28/09/2008) - PHP - La Librairie GD (Les textes et polices)

Informations Générales

Chargement en cours...

Nombre de Visites fleche

[ 1 036 253 ]
Votre IP fleche

[ 38.107.191.115 ]

Vous êtes ici : Home Page

Cours

CSS

Methode interne

Imprimer le document

Informations Générales

[425] Posts sur le forum

[453] Membres inscrits
Il y a en ligne :

0 Membre

3 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.

Prestataire

N°1 de l'hébergement, location de serveurs, nom de domaines et téléphonie.
(OVH est recommandé par Webelix.net)

Nos 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.