Problème simple CSS
Résolu
Mary76
-
giheller -
giheller -
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 !
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 !
11 réponses
-
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)
-
Bonjour
ajouter dans le code pour voir
<h1>Titre</h1>
normalement celui là devrait être en bleu -
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
-
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 ;) ) -
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 ^^" -
<h1><font face="heveltica">Titre</font></h1>
Ne pas oublier les "" surtout ^^ -
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 )-
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!
-
-
-
En fait tout fonctionne depuis le début, c'est juste que les polices helvetica et arial sont quasi semblables -__- Désolée !!
-
Pour la balise HTML tu dois la mettre apres la balise <body>
-
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>
)
