ligne ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-simplifi... us le CSS avec Sass]] proposé sur la plateforme [[https://openclassrooms.com/|Openclassrooms]].
Vous a... ass sans l’installer sur votre ordinateur.
* [[https://codepen.io/|CodePen]]
Nous avons utilisé Code... isposition (par nous 😉) par la communauté.
* [[https://www.sassmeister.com/|SassMeister]]
Nous l'avo
miques ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-creez-vo... avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.com|Openclassrooms]].
Le CSS n... cela grâce aux **pseudo-classes**.
<note>
Les [[https://developer.mozilla.org/fr/docs/Web/CSS/Pseudo-c... sse, je vous conseille de jeter un œil au cours [[https://openclassrooms.com/fr/courses/5919246-creez-de
orités ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-simplifi... us le CSS avec Sass]] proposé sur la plateforme [[https://openclassrooms.com/|Openclassrooms]].
Pour po... rités par spécificité =====
Jetons un œil à la [[https://developer.mozilla.org/fr/docs/Learn/CSS/Buildi... ball !
<code css>
div {
background-image: url(<https://upload.wikimedia.org/wikipedia/commons/thumb/5
n fond ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-creez-vo... avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.com|Openclassrooms]].
===== Ch... css>
h1 {
color: blue;
}
</code>
De nombreux [[https://developer.mozilla.org/fr/docs/Web/CSS/color_va... taxe, vous trouverez des outils en ligne, comme [[https://coolors.co/|Coolors]] ou encore [[https://www.
s loin ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-creez-vo... avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.com|Openclassrooms]].
===== Ap... tissage de JavaScript, rendez-vous sur le cours [[https://openclassrooms.com/fr/courses/6175841-apprenez... es !
J'ai d'ailleurs rédigé un cours sur PHP : [[https://openclassrooms.com/courses/concevez-votre-site
ombres ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-creez-vo... avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.com|Openclassrooms]].
===== C... es de boutons". Vous trouverez plus d’infos sur [[https://getbootstrap.com/docs/4.0/components/button-gr... ieux utiliser des outils de visualisation comme [[https://9elements.github.io/fancy-border-radius/|Fancy
c Sass ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-simplifi... us le CSS avec Sass]] proposé sur la plateforme [[https://openclassrooms.com/|Openclassrooms]].
===== ... a la documentation officielle en anglais :
* [[https://sass-lang.com/guide|Les bases]]
* [[https://sass-lang.com/documentation/operators|Les opérateurs]]
Grids ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-creez-vo... avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.com|Openclassrooms]].
===== Dé... aller plus loin, vous pouvez :
* Creuser la [[https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Grid... à l'aide des CSS Grids]] ;
* Suivre le cours [[https://openclassrooms.com/fr/courses/5295881-create-w
pports ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-simplifi... us le CSS avec Sass]] proposé sur la plateforme [[https://openclassrooms.com/|Openclassrooms]].
Pour l... ;
}
}
</code>
<note>
N’hésitez pas à utiliser [[https://www.sassmeister.com/|SassMeister]] pour vérifi... e la documentation Sass, ou ces articles :
* [[https://dev.to/brad_beggs/scss-content-use-cases-examp
texte ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-creez-vo... avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.com|Openclassrooms]].
===== C... hiers HTML et CSS ?
Pour cela, rendez-vous sur [[https://fonts.google.com/|Google Fonts]] pour sélectio... ues étapes de plus. Le lien suivant présente un [[https://developer.mozilla.org/fr/docs/Web/CSS/@font-fa
n page ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-creez-vo... avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.com|Openclassrooms]].
===== Tr... ments en fonction de la taille de l'écran.
La [[https://developer.mozilla.org/fr/docs/Web/CSS/display|... t à gauche de l'élément 2.
<note>
La propriété [[https://developer.mozilla.org/fr/docs/Web/CSS/unset|po
laires ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-creez-vo... avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.com|Openclassrooms]].
Pour cré... adresse absolue, commençant généralement par ''%%http://%%'' |
| un numéro de téléphone | ''%%<input t... der”) | ''%%<input type="range">%%'' On utilise [[https://developer.mozilla.org/fr/docs/Web/HTML/Element
ctions ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/8069761-simplifi... us le CSS avec Sass]] proposé sur la plateforme [[https://openclassrooms.com/|Openclassrooms]].
Vous a... découvrirez qu’il y a un tiroir entier d’outils [[https://sass-lang.com/documentation/modules/color|uniq... savoir quelle fonction utiliser ? Je regarde la [[https://sass-lang.com/documentation/modules/color#dark
lexbox ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-creez-vo... avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.com|Openclassrooms]].
===== Co... ropriétés de Flexbox, je vous recommande le jeu [[https://flexboxfroggy.com/#fr|Flexbox Froggy]]. Avec l
'envoi ======
Notes et transcriptions du cours [[https://openclassrooms.com/fr/courses/1603881-creez-vo... avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.com|Openclassrooms]].
===== Re... n faire.
Cela tombe bien, j'ai aussi rédigé un [[https://openclassrooms.com/courses/concevez-votre-site
