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... aut les associer au document HTML.
Pour lier les fichiers ''.css'' et ''.html'', on utilise la balise orph
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
pour intégrer une police de Google Fonts dans nos fichiers HTML et CSS ?
Pour cela, rendez-vous sur [[http... 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.
<
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
rectement du SCSS depuis une source externe ou un fichier. En plus de compiler votre code, vous pourrez tél... eulement, vous ne pourrez pas coder sur plusieurs fichiers, ni intégrer des images depuis votre machine… br... s installé, vous pourrez exécuter et compiler des fichiers .sass ou .scss en CSS !
<code>
sass index.scss
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
