Problème simple CSS

Résolu/Fermé
Mary76 - 3 déc. 2008 à 15:29
 Utilisateur anonyme - 3 déc. 2008 à 17:46
Bonjour,

Je suis en train de lire un cours que j'ai manqué, au sujet du HTML et du CSS. Un exemple assez simple nous est donné mais je bloque dessus =/ Le voici :

<html>
<head>
<title>title</title>
<link rel=stylesheet type="text/css" href="S1.css"/>

<style type="text/css">
@import url(https://www.farfetch.com/fr/

h1{color: blue;}
</style>
</head>

<body>
<p style="color: green">Paragraphe vert... </p>
</body>
</html>


J'ouvre donc cette toute nouvelle page et j'observe la phrase "Paragraphe vert ..." . Ce que je ne comprends c'est l'impact et/ou l'intérêt de la ligne "h1{color: blue;}" =/

En espérant que vous saurez m'expliquer ... Merci d'avance !
A voir également:

11 réponses

C0uNter Messages postés 942 Date d'inscription mardi 30 septembre 2008 Statut Membre Dernière intervention 19 octobre 2009 48
3 déc. 2008 à 16:09
Ouais c'est vrai le mieux (c'est mon opinion) est de faire une feuille HTML et une feuille CSS est de les lier ensuite avec le link (beaucoup plus clair)
1
Utilisateur anonyme
3 déc. 2008 à 15:33
Bonjour

ajouter dans le code pour voir
<h1>Titre</h1>

normalement celui là devrait être en bleu
0
C0uNter Messages postés 942 Date d'inscription mardi 30 septembre 2008 Statut Membre Dernière intervention 19 octobre 2009 48
3 déc. 2008 à 15:33
Je suis pas sur mais il me semble que cela veut dire que tous les titres (h1 etant la plus grande police d'ecriture qui correspond au titre) seront en bleu
0
Vous êtes très rapides, merci :)

Une dernière petite question, plus loin dans mon cours je vois la ligne "font :helvetica;". Je l'ai donc rajoutée à mon h1 mais je n'observe rien de plus oO (pour tester j'ai fait ce que m'a dit giheller ;) )
0
Utilisateur anonyme
3 déc. 2008 à 15:43
tout dépend comment vous l'avez ajouté.
<h1><font face=heveltica>Titre</font></h1>
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Ben mon cours indique :
h1{
color:blue;
font: helvetica;
}

Pour montrer que l'on peut regrouper les propriétés. Je me doute que c'est censé définir une police de caractères particulière mais ça ne marche pas ... =/ Je veux bien contourner le problème en mettant votre balise mais bon ^^"
0
Utilisateur anonyme
3 déc. 2008 à 15:57
OK alors avez-vous cette police chez vous ?

ne serait-ce pas font-family plutot que font
0
C0uNter Messages postés 942 Date d'inscription mardi 30 septembre 2008 Statut Membre Dernière intervention 19 octobre 2009 48
3 déc. 2008 à 15:47
<h1><font face="heveltica">Titre</font></h1>

Ne pas oublier les "" surtout ^^
0
C0uNter Messages postés 942 Date d'inscription mardi 30 septembre 2008 Statut Membre Dernière intervention 19 octobre 2009 48
3 déc. 2008 à 15:50
C'est normal la ton cours c'est du CSS et la balise qu'il ta donner c'est du HTML

giheller dis moi si je me trompe normalement la balise CSS pour les titres se place dans le body non ?(ce qui expliquerait pourquoi cela ne marche pas )
0
Utilisateur anonyme
3 déc. 2008 à 16:03
dans son premier message il y a un link vers un fichier css
<link rel=stylesheet type="text/css" href="S1.css"/>


puis ensuite il y a une définition de style au début
<style type="text/css">
@import url(https://www.farfetch.com/fr/
h1{color: blue;}
</style>


puis ensuite des styles dans des balises
<p style="color: green">Paragraphe vert... </p>


on en met un peu partout mais c'est pas le mieux!
0
Les balises html ne fonctionnent pas non plus ...
0
En fait tout fonctionne depuis le début, c'est juste que les polices helvetica et arial sont quasi semblables -__- Désolée !!
0
C0uNter Messages postés 942 Date d'inscription mardi 30 septembre 2008 Statut Membre Dernière intervention 19 octobre 2009 48
3 déc. 2008 à 15:54
Pour la balise HTML tu dois la mettre apres la balise <body>
0
Ok, je ferai ça pour mon site Internet ^^

J'ai une autre question mais en javascript cette fois ... C'est encore plus bête : je n'arrive pas à sauter à la ligne O.o Je sais pas, je dois fatiguer ...

Voici le tout petit bout de code concerné :

var i;
var somme=0;
for(i=1;i<11;i++)
{
document.write(i);
document.write("\r\n");
}
document.write("La somme vaut " +somme);

Au mieux, ça m'affiche tous les nombres avec des tabulations entre chaque, au pire j'ai une page blanche ...

(au cas où, voici le code total :


<html>
<head>
<title>Ma première page avec Javascript</title>
</head>

<body>
<script language="javascript">
<!--
//partie cachée aux anciens navigateurs
var i;
var somme=0;
for(i=1;i<11;i++)
{
document.write(i);
document.write("\r\n");
}
document.write("La somme vaut " +somme);
-->
</script>
</body>
</html>
)
0
Utilisateur anonyme
3 déc. 2008 à 17:46
Bonsoir
pas trouvé pour \n mais il manque somme=somme+i;
0