Feuilles de style en cascade
Modérateur : chinon37
Feuilles de style en cascade
Bonjour,
Lorsque j'ai refait mon site en venant de, (ce nom est interdit ici) plutôt perdu j'ai tout d'abord refait en tableaux, puis un peu de css et finalement tout en CSS. Mais je n'ai employé qu'une feuille de style, de surcroit interne.
L'appellation" feuilles en cascade" me plaisait bien! mais alors comment faire?
Déjà, je n'ai pas crée de feuille unique externe compte tenu des différences importantes entre pas mal de mes pages.
J'ai milité avec Gagea pour avoir un tuto CSS: niveau 2. C'est long à faire, alors oublions...mais si on procédait par tranches et nous faire, en l'occurence, une démo d'application de feuilles en cascade.
Si on emploi, par exemple: 3 feuilles, je suppose que dans le head il faut écrire successivement 3 fois: <link
media="all" rel="stylesheet" href="monstyle.css"
type="text/css">
en mettant monstyle1, 2 et 3?
Ce qui me tracasse, c'est l'emploi de h1, car il me sert autant à styler une écriture qu'à englober une image titre, donc des paramètres différents...
Pour simplifier, je ne sais pas trop(sinon pas du tout) comment faire.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Lorsque j'ai refait mon site en venant de, (ce nom est interdit ici) plutôt perdu j'ai tout d'abord refait en tableaux, puis un peu de css et finalement tout en CSS. Mais je n'ai employé qu'une feuille de style, de surcroit interne.
L'appellation" feuilles en cascade" me plaisait bien! mais alors comment faire?
Déjà, je n'ai pas crée de feuille unique externe compte tenu des différences importantes entre pas mal de mes pages.
J'ai milité avec Gagea pour avoir un tuto CSS: niveau 2. C'est long à faire, alors oublions...mais si on procédait par tranches et nous faire, en l'occurence, une démo d'application de feuilles en cascade.
Si on emploi, par exemple: 3 feuilles, je suppose que dans le head il faut écrire successivement 3 fois: <link
media="all" rel="stylesheet" href="monstyle.css"
type="text/css">
en mettant monstyle1, 2 et 3?
Ce qui me tracasse, c'est l'emploi de h1, car il me sert autant à styler une écriture qu'à englober une image titre, donc des paramètres différents...
Pour simplifier, je ne sais pas trop(sinon pas du tout) comment faire.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Ma configuration
Si tu es dans l'obscurité, viens sur ce forum pour t'éclairer (proverbe Landais)
" La libertat qu'ei lo camin "
Si tu es dans l'obscurité, viens sur ce forum pour t'éclairer (proverbe Landais)
" La libertat qu'ei lo camin "
-
- Tyrannosaurus Rex
- Messages : 2390
- Inscription : 26 juin 2006, 12:50
J'essaye d'avoir un seul titre de niveau 1 par page, mais ton problème peut exister avec des titres de niveau 2 ou pour d'autres balises...
Donc tu aurais une définition générale pour les titrse h1 ou h2.
Pour tes titres h1 ou h2 enrichis, tu leur ajoutes une classe (ou un identifiant s'il est unique).
Donc tu aurais une définition générale pour les titrse h1 ou h2.
Pour tes titres h1 ou h2 enrichis, tu leur ajoutes une classe (ou un identifiant s'il est unique).
Code : Tout sélectionner
<h1>Titre normal></h1>
<p>blabla</p>
<h1 id="titreembelli">Titre normal></h1>
<p>blabla</p>
Bon, ça c'est déjà un point: je peux mettre (je pensais que oui mais j'avais pas essayé) une class à la série des h. Si j'ai un h1 qui englobe une image différente, donc des paramètres différents, dans une autre page je fais, mettons, h1 id="logobis".
Mais que mets-je dans le head si j'ai monstyle.css et 2 autres feuilles 2 et 3?
Le brouillard se léve un peu!...
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Mais que mets-je dans le head si j'ai monstyle.css et 2 autres feuilles 2 et 3?
Le brouillard se léve un peu!...
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Ma configuration
Si tu es dans l'obscurité, viens sur ce forum pour t'éclairer (proverbe Landais)
" La libertat qu'ei lo camin "
Si tu es dans l'obscurité, viens sur ce forum pour t'éclairer (proverbe Landais)
" La libertat qu'ei lo camin "
-
- Tyrannosaurus Rex
- Messages : 2390
- Inscription : 26 juin 2006, 12:50
Avoir des fichiers différents se justifient pour séparer des parties différentes ou pour avoir plusieurs présentation différentes.
Si par exemple ton site à 2 parties différentes "chorale" et "musiciens", on peut imaginer que tu différencies les pages des 2 parties par une présentation différente.
Donc tu pourrais avoir soit:
2 fichiers différents : chorale.css et musiciens.css
un fichier html serait lié à 1 des 2 fichiers
ou soit
3 fichiers : commun.css et chorale.css et musiciens.css
chaque fichier html serait lié à commun.css + 1 des 2 autres !
Si par exemple ton site à 2 parties différentes "chorale" et "musiciens", on peut imaginer que tu différencies les pages des 2 parties par une présentation différente.
Donc tu pourrais avoir soit:
2 fichiers différents : chorale.css et musiciens.css
un fichier html serait lié à 1 des 2 fichiers
ou soit
3 fichiers : commun.css et chorale.css et musiciens.css
chaque fichier html serait lié à commun.css + 1 des 2 autres !
OK Fabrice, mais j'ai toujours pas la réponse à ma question ou la confirmation de ce que j'ai dit. Que met on dans le head si l'on emploie, par exemple les 3 fichiers CSS.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Ma configuration
Si tu es dans l'obscurité, viens sur ce forum pour t'éclairer (proverbe Landais)
" La libertat qu'ei lo camin "
Si tu es dans l'obscurité, viens sur ce forum pour t'éclairer (proverbe Landais)
" La libertat qu'ei lo camin "
-
- Tyrannosaurus Rex
- Messages : 2390
- Inscription : 26 juin 2006, 12:50
Exemple:
Mais je crois qu'il serait préférable d'utiliser le "import" dorénavant.
Code : Tout sélectionner
<link href="style/lavl.css" rel="stylesheet" type="text/css" media="screen" />
<link href="style/formulaires.css" rel="stylesheet" type="text/css" media="screen" />
<link href="style/NiceTitle.css" rel="stylesheet" type="text/css" media="screen" />
<link href="style/print.css" rel="stylesheet" type="text/css" media="print" />
Tu peux préciser?. Import? I don't know!
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Ma configuration
Si tu es dans l'obscurité, viens sur ce forum pour t'éclairer (proverbe Landais)
" La libertat qu'ei lo camin "
Si tu es dans l'obscurité, viens sur ce forum pour t'éclairer (proverbe Landais)
" La libertat qu'ei lo camin "
-
- Tyrannosaurus Rex
- Messages : 2390
- Inscription : 26 juin 2006, 12:50
Vu ce que j'ai lu et compte tenu du parc de navigateurs, je vais garder link!
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Ma configuration
Si tu es dans l'obscurité, viens sur ce forum pour t'éclairer (proverbe Landais)
" La libertat qu'ei lo camin "
Si tu es dans l'obscurité, viens sur ce forum pour t'éclairer (proverbe Landais)
" La libertat qu'ei lo camin "
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 8 invités