Feuille de style
Fermé
nicolas
-
2 août 2002 à 23:16
spyagent01 Messages postés 86 Date d'inscription dimanche 4 août 2002 Statut Membre Dernière intervention 16 février 2003 - 6 août 2002 à 03:58
spyagent01 Messages postés 86 Date d'inscription dimanche 4 août 2002 Statut Membre Dernière intervention 16 février 2003 - 6 août 2002 à 03:58
A voir également:
- Feuille de style
- Style word - Guide
- Feuille de pointage excel - Télécharger - Tableur
- Style chic life avis ✓ - Forum Consommation et internet
- Supprimer une feuille word - Guide
- Pseudo stylé ✓ - Forum jeux en ligne
1 réponse
spyagent01
Messages postés
86
Date d'inscription
dimanche 4 août 2002
Statut
Membre
Dernière intervention
16 février 2003
13
6 août 2002 à 03:58
6 août 2002 à 03:58
Bonjour,
Créez un fichier vide avec un traitement de texte aussi primaire que notepad et appelez le comme-vous-voulez.css
Le meilleur emplacement est à la racine de votre site (dans la directory de votre site et pas dans une sous directory)
Chacune de vos pages contiendra, dans son header (entre les balises <head> et </head> une ligne du type
<link rel="stylesheet" href="style.css" type="text/css"> ou
<link rel="stylesheet" href="../style.css" type="text/css"> ou
<link rel="stylesheet" href="../../style.css" type="text/css"> etc...
selon le niveau hiérarchique RELATIF de la page html dans l'arborescence des sous-directory de votre site.
Ce fichier contiendra des lignes à la syntaxe rigoureuse comme, par exemple :
#petit1 { color: #900; font-style: normal; font-weight: 500; font-size: 8pt; line-height: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; word-spacing: 100%; letter-spacing: 80%; vertical-align: middle; margin: -2px 0px; padding: -2px 0px; border: none 0px }
.petit2 { color: #900; font-style: normal; font-weight: 500; font-size: 8pt; line-height: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; word-spacing: 100%; letter-spacing: 80%; vertical-align: middle; margin: -2px 0px; padding: -2px 0px; border: none 0px }
.grand { color: #900; font-weight: bold; font-size: 20pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; border: none }
#petit1 est un ID
.petit2 est une classe
les deux ont strictement le même contenu, c'est leur usage dans la page qui diffère un peu.
Enfin, dans votre page elle-même, entre les balises <body> et </body> vous écrirez, par exemple :
<p class="grand">Je sais maintenant me servir d'une css.</p>
<p class="petit2">Tout sur Commentcamarche.</p>
Dans l'exemple de Micro Hebdo, ils proposent de créer une feuille de style par type de navigateur/plateforme afin, surtout d'avoir une police de caractères plus grande pour les internautes Mac. Voir pourquoi ici :
http://terroirs.denfrance.free.fr/p/webmaster/probleme%20taille%20affichage%20mac%20pc.html
Il vous faudra alors écrire un peu de Java (a moins que leur exemple soit complet - je ne le connais pas) à recopier dans le header de chaque page de votre site pour tester le navigateur qui reçoit la page et prendre telle ou telle feuille de style selon le cas.
Tout le look de votre site est concentré en quelques lignes.
SpyAgent01
Créez un fichier vide avec un traitement de texte aussi primaire que notepad et appelez le comme-vous-voulez.css
Le meilleur emplacement est à la racine de votre site (dans la directory de votre site et pas dans une sous directory)
Chacune de vos pages contiendra, dans son header (entre les balises <head> et </head> une ligne du type
<link rel="stylesheet" href="style.css" type="text/css"> ou
<link rel="stylesheet" href="../style.css" type="text/css"> ou
<link rel="stylesheet" href="../../style.css" type="text/css"> etc...
selon le niveau hiérarchique RELATIF de la page html dans l'arborescence des sous-directory de votre site.
Ce fichier contiendra des lignes à la syntaxe rigoureuse comme, par exemple :
#petit1 { color: #900; font-style: normal; font-weight: 500; font-size: 8pt; line-height: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; word-spacing: 100%; letter-spacing: 80%; vertical-align: middle; margin: -2px 0px; padding: -2px 0px; border: none 0px }
.petit2 { color: #900; font-style: normal; font-weight: 500; font-size: 8pt; line-height: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; word-spacing: 100%; letter-spacing: 80%; vertical-align: middle; margin: -2px 0px; padding: -2px 0px; border: none 0px }
.grand { color: #900; font-weight: bold; font-size: 20pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; border: none }
#petit1 est un ID
.petit2 est une classe
les deux ont strictement le même contenu, c'est leur usage dans la page qui diffère un peu.
Enfin, dans votre page elle-même, entre les balises <body> et </body> vous écrirez, par exemple :
<p class="grand">Je sais maintenant me servir d'une css.</p>
<p class="petit2">Tout sur Commentcamarche.</p>
Dans l'exemple de Micro Hebdo, ils proposent de créer une feuille de style par type de navigateur/plateforme afin, surtout d'avoir une police de caractères plus grande pour les internautes Mac. Voir pourquoi ici :
http://terroirs.denfrance.free.fr/p/webmaster/probleme%20taille%20affichage%20mac%20pc.html
Il vous faudra alors écrire un peu de Java (a moins que leur exemple soit complet - je ne le connais pas) à recopier dans le header de chaque page de votre site pour tester le navigateur qui reçoit la page et prendre telle ou telle feuille de style selon le cas.
Tout le look de votre site est concentré en quelques lignes.
SpyAgent01