• Aller au contenu

wikinotes

Outils pour utilisateurs

  • S'identifier

Outils du site

  • Derniers changements
  • Gestionnaire Multimédia
  • Plan du site
Piste : • 315_registres_et_masques • 320_configuration_des_io • installer-joplin-3.4.x-ubuntu • erreur_500_apres_migration • tld_sur_reseau_prive • redimensionner-pool • creer_media_installation_windows_11 • 330_gerer_interruptions • gestion_paquets_rocky_linux • plugin_ckeditor_impossible_afficher_images

non

Recherche

Voici les résultats de votre recherche.

Contient
  • Correspondance exacte
  • Commence par
  • Se termine par
  • Contient
@cours:informatique:dev:web:simplifiez-vous-le-css-avec-sass
  • toute catégorie
toute date
  • toute date
  • la semaine dernière
  • le mois dernier
  • l'année dernière
Trier par nombre de résultats
  • Trier par nombre de résultats
  • Trier par date de modification

Résultats plein texte:

110_simplifier_votre_code
11 Occurrences trouvées, Dernière modification : il y a 4 mois
code css> .turquoise { padding: 15px; border: none; width: 200px; background: #48D1CC; color:... } .turquoise-round { padding: 15px; border: none; width: 200px; background: #48D1CC; color:... dius: 30px; } .wide { padding: 15px; border: none; background: #48D1CC; color: #242424; widt... px; } .orange-round { padding: 15px; border: none; border-radius: 30px; width: 200px; backgr
260_quiz_optimiser_css_avec_sass
10 Occurrences trouvées, Dernière modification : il y a 4 mois
ce n’est pas le cas, <li> est précédé de <ul> et non <section>. La réponse 2 est un combinateur paren... et 4 sont fausses : on utilise le symbole “$” et non ”&”. De plus on utilise les “:” pour assigner une valeur et non le symbole “=”. La réponse 1 n’est pas fausse en soi, mais ne répond pas à notre énoncé, le nom de la variable est **button-radius** et
210_optimiser_la_lecture_du_code
8 Occurrences trouvées, Dernière modification : il y a 4 mois
ini et précis. On est perdus capitaine ! 🫠 Reprenons ensemble pas à pas avec un exemple proche de que... .links > a { color: #242424; text-decoration: none; } </code> Vous voyez le signe ''>'', il indiqu... c son élément parent alors qu’un lien descendant, non. Vous avez un lien direct et immédiat avec vos pa... color: #242424; text-decoration: none; } } </code> Ce qui donne en CSS : <code c
130_clarifier_html_via_bem
5 Occurrences trouvées, Dernière modification : il y a 4 mois
'.btn'', c’est assez évident que c’est un bouton, non ? Totalement, mais d’ici quelques mois, est-ce q... inir sa fonctionnalité et ses relations. Pas mal, non? Mais que sont au juste ces blocs, éléments et mo... -left: 30px; color: #242424; text-decoration: none; } </code> Après le CSS, il nous faut ajouter c... ontient des éléments ''%%.navbar__link%%''. Imaginons que vous vouliez faire en sorte que le lien Accu
140_utiliser_sass
4 Occurrences trouvées, Dernière modification : il y a 4 mois
d’écrire du CSS, avec une syntaxe différente. Prenons ce code CSS : <code css> .nav { text-align: r... éécrire en Sass dans un fichier .sass ?! Oh que non ! Sass fonctionne très bien avec le CSS. Copiez v... r de maintenant, nous utiliserons Sass comme un synonyme de ''.scss''. À chaque fois que nous en parler... ant de vous faire découvrir et pratiquer Sass, et non de vous aider à maîtriser toutes ses fonctionnali
120_definir_les_priorites
3 Occurrences trouvées, Dernière modification : il y a 4 mois
autres, et il sera donc appliqué en priorité. Prenons un autre exemple : <code html> <div class="sala... ise malgré la présence d'un id ? Dans ce cas, prenons un nouvel exemple : <code html> <div id="carapu... fait comme il l’entend, d’autres vous diront que non, il faut suivre des **règles communes**, tandis q
220_utiliser_variables_et_mixins
3 Occurrences trouvées, Dernière modification : il y a 4 mois
OUTES** les valeurs à la main, une par une. Reprenons l’introduction de notre site, que remarquez-vous... r mes borders, paddings et margins ? 🤯 Oui… mais non. Je m’explique : oui vous pouvez, mais pas avec d... /code> ''$color'' ressemble fort à une variable, non ? C’est l’argument. Les arguments, c’est comme de
240_adapter_code_a_tout_support
3 Occurrences trouvées, Dernière modification : il y a 4 mois
obile01.png}} Une mise en page typique du design non responsive sur mobile Oops. La mise en page rest... ésolution de l’écran**, qui déterminent si oui ou non les ensembles de règles liés s’appliquent. </not... ign-items: center; } } </code> Pas mal, non ? Plutôt que de devoir tout séparer, la media que
230_ameliorer_mixins_via_fonctions
2 Occurrences trouvées, Dernière modification : il y a 4 mois
as-ci, on parle bien d’une seule ombre. Mais imaginons que sur d’autres pages, vous ayez un autre titre... du temps. Il doit y avoir un moyen plus simple, non ? Finalement, c’est presque la même couleur, just
150_quiz_structurer_son_code
1 Occurrences trouvées, Dernière modification : il y a 4 mois
Choix 2 et 3. La réponse 1 donne une définition, non pas de BEM, mais de la spécificité. La réponse 4
250_deployer_code_sass
1 Occurrences trouvées, Dernière modification : il y a 4 mois
igne en Sass, sans nous préoccuper de compiler ou non notre code ; tellement pratique ! Vous pouvez cr

Outils de la page

  • Afficher la page
  • Anciennes révisions
  • Liens de retour
  • Tout plier/déplier
  • Haut de page
Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante : GNU Free Documentation License 1.3
GNU Free Documentation License 1.3 Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki