CodeAcademy - Merci pour votre aide!

Marsh Posté le 07-07-2016 à 15:50:32

:hello:

Comme j'ai une semaine de boulot ultra chargée ( ) j'ai décidé d'apprendre le HTML avec Codeacademy, ça occupe et c'est interessant

Par contre je bloque parfois, c'est pas toujours bien expliqué, donc je fais appel à votre aide

Merci d'avance!

Reply

Marsh Posté le 07-07-2016 à 15:50:32

Reply

Marsh Posté le 07-07-2016 à 16:01:06

Là je ne comprend pas l'indication suivante:

Les paragraphes Introduction et En résumé doivent avoir une font-weight de type bold .

J'ai utilisé ça dans le css:

body> p{
font-weight:bold;

}

Comment pourrais je mieux cibler? Parce que bon, j'ai reussi l'exercice mais je ne comprend pas (et donc ça ne sert à rien )

Ci dessous le code HTML et ma feuille CSS.

Citation :

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>Challenge CSS de dingue</title>
</head>
<body>
Introduction : Les cascades en CSS
<div>
Synopsis : Quand vous fixez la propriété d'un sélecteur comme 'p' à une certaine valeur, cette valeur s'applique à tous les p.
Cependant, si vous changez cette même propriété en choisissant une autre valeur pour une occurrence spécifique de p,
ce changement va prendre le dessus sur la propriété par défaut.

<ul>
<li>Si vous écrivez p {font-family:Garamond;}, tous les 'p' seront en police Garamond.</li>
<li>MAIS si vous écrivez li p {font-family:Verdana;}, les 'p' À L'EXTÉRIEUR de 'li' seront
en Garamond et les 'p' À L'INTÉRIEUR de 'li' seront en Verdana.
</li>
<li>En résumé : plus vos sélecteurs sont précis, plus votre CSS met des priorités dans l'application des styles.</li>
</ul>
</div>
</body>
</html>

Citation :

/*Add your CSS below!*/

p{
font-family:Garamond;
color:red;
}

body> p{
font-weight:bold;

}

li p{
font-weight:bold;
}

body div p{
color:#7ac5cd;
}

ul li p{
color:#000000;
text-decoration:underline;

}

Message édité par Profil supprimé le 07-07-2016 à 16:01:56

Reply

Marsh Posté le 13-07-2016 à 11:05:43

Introduction est le premier P, je pense qu'ils veulent que tu joue sur le coté : premier enfant :

donc utilise plutôt :
p:first-child {}
et
ul li p:last-child {}

Reply

Marsh Posté le 24-07-2016 à 22:23:06

Ah bien vu, je teste ça semain, merci

Reply

CodeAcademy - Merci pour votre aide!

Sujets relatifs:

Leave a Replay