Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
html_css:start [2021/02/22 09:00] marclebrun [Descendant] |
html_css:start [2021/12/05 12:39] (Version actuelle) marclebrun |
||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
====== HTML / CSS ====== | ====== HTML / CSS ====== | ||
+ | * [[https://goalkicker.com/HTML5Book/HTML5NotesForProfessionals.pdf|goalkicker.com - HTML5 Notes For Professionals (pdf)]] | ||
+ | * [[https://goalkicker.com/CSSBook/CSSNotesForProfessionals.pdf|goalkicker.com - CSS Notes For Professionals (pdf)]] | ||
* [[https://fr.semrush.com/blog/balises-structurelles-html-semantique/|Balises structurelles sémantiques]] | * [[https://fr.semrush.com/blog/balises-structurelles-html-semantique/|Balises structurelles sémantiques]] | ||
+ | * [[https://css-tricks.com/|CSS-Tricks]] | ||
+ | * [[html_css:fonts]] | ||
+ | * [[html_css:axentix:]] | ||
* [[html_css:bootstrap4:]] | * [[html_css:bootstrap4:]] | ||
+ | * [[html_css:bootstrap5:]] | ||
* [[html_css:icones_font_awesome]] | * [[html_css:icones_font_awesome]] | ||
* [[html_css:icones_line_awesome]] | * [[html_css:icones_line_awesome]] | ||
* [[html_css:barre_laterale]] | * [[html_css:barre_laterale]] | ||
* [[html_css:videos_html5]] | * [[html_css:videos_html5]] | ||
- | * [[html_css:sass]] | + | * [[html_css:scss]] |
* [[html_css:flexbox]] | * [[html_css:flexbox]] | ||
* [[html_css:grid]] | * [[html_css:grid]] | ||
+ | |||
+ | * w3shools - [[https://www.w3schools.com/charsets/ref_html_utf8.asp|HTML Unicode (UTF-8) Reference]] | ||
+ | * [[https://www.pierre-giraud.com/html-css-apprendre-coder-cours/creation-menu-deroulant/|Création d'un menu déroulant en HTML et CSS]] | ||
+ | |||
===== Sélecteurs et Combinateurs ===== | ===== Sélecteurs et Combinateurs ===== | ||
Ligne 55: | Ligne 65: | ||
==== Descendant ==== | ==== Descendant ==== | ||
- | ^ Opérateur | Espace | | + | ^ Opérateur | ''(espace)'' | |
- | ^ Sélection | Tous les éléments qui sont descendants de l'élément spécifié, mais pas forcément enfants directs | | + | ^ Sélection | Tous les éléments inclus dans l'élément spécifié, mais pas forcément enfants directs | |
Exemple: | Exemple: | ||
Ligne 67: | Ligne 77: | ||
==== Enfant ==== | ==== Enfant ==== | ||
- | * Tous les éléments qui sont des enfants de l'élément spécifié | + | ^ Opérateur | ''>'' | |
+ | ^ Sélection | Tous les éléments qui sont des enfants directs de l'élément spécifié | | ||
Exemple: | Exemple: | ||
Ligne 76: | Ligne 87: | ||
</code> | </code> | ||
+ | ==== Adjacent ==== | ||
+ | ^ Opérateur | ''+'' | | ||
+ | ^ Sélection | Élément placé directement après l'élément spécifié | | ||
+ | |||
+ | Exemples: | ||
+ | <code css> | ||
+ | DIV + P { | ||
+ | // Premier P placé immédiatement après la DIV | ||
+ | } | ||
+ | </code> | ||
+ | |||
+ | ==== Frères et soeurs ==== | ||
+ | |||
+ | ^ Opérateur | ''~'' | | ||
+ | ^ Sélection | Tous les éléments situés au même niveau que l'élément spécifié | | ||
+ | |||
+ | Exemple : | ||
+ | <code css> | ||
+ | DIV ~ P { | ||
+ | | ||
+ | } | ||
+ | </code> | ||