nclassrooms.com|Openclassrooms]].
===== Liez le fichier CSS au fichier HTML =====
Les éléments de mise en forme sont définis dans le fichier CSS ou feuille de style (stylesheet). Pour que qu... '', on utilise la balise orpheline <link> dans le fichier ''.html'' : le document HTML utilise la ou les fe
rsque vous écrivez une adresse en relatif dans le fichier CSS : l'adresse de l'image doit être indiquée par rapport au fichier .css et non pas par rapport au fichier .html . Pour simplifier les choses, je vous conseille de placer l'image de fond dans le même dossier que le fichier .css (ou dans un sous-dossier).
</note>
Voyons
ass en l’état. Pour ça, il vous faut un bon vieux fichier CSS classique... La solution ? Votre code doit êt... u coup on va devoir tout réécrire en Sass dans un fichier .sass ?!
Oh que non ! Sass fonctionne très bien... vec le CSS. Copiez votre CSS et collez-le dans un fichier ''.scss'', et le tour est joué. Votre code sera i... u Sass ; on les différencie par leur extension de fichier : ''.sass'' et ''.scss''.
La syntaxe ''.scss'' s
t important de toujours séparer votre CSS dans un fichier .css. Cela vous évitera de nombreux problèmes et ... S directement dans votre HTML mais plutôt dans un fichier CSS : chacun sa mission, chacun son fichier !
* En règle générale, **évitez d’utiliser des id dans vos s
s balises ''<link>'' dans le ''<head></head>'' du fichier HTML.
* Utilisez la propriété ''font-family'' dans le fichier CSS pour associer cette police à vos balises.
<
e ''mon-element'' au ''hover''.
On écrit dans le fichier CSS :
<code css>
a:active {
background-color: ... ==
Prenons un exemple avec ce code écrit dans le fichier HTML :
<code html>
<h3>Titre avec <em>texte impo
ques tests.
Pour l'occasion, j'ai rédigé dans le fichier HTML des paragraphes de texte en "lorem ipsum" (du faux texte). Ensuite, dans le fichier CSS, j'ai donné au bloc p une largeur de 350px
sont deux syntaxes différentes ; en nommant votre fichier CSS avec l’extension souhaitée .sass ou .scss, vo... éterminez la syntaxe qui sera utilisée dans votre fichier.
++++
===== Question 8 =====
Comment pourriez
