====== 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://css-tricks.com/|CSS-Tricks]]

  * [[html_css:fonts]]
  * [[html_css:axentix:]]
  * [[html_css:bootstrap4:]]
  * [[html_css:bootstrap5:]]
  * [[html_css:icones_font_awesome]]
  * [[html_css:icones_line_awesome]]
  * [[html_css:barre_laterale]]
  * [[html_css:videos_html5]]
  * [[html_css:scss]]
  * [[html_css:flexbox]]
  * [[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 =====

==== Élément ====

Exemple:
<code css>
P {
  
}
</code>

==== Classe ====

Exemple:
<code css>
.ma-classe {
  
}
</code>

==== Élément avec classe(s) ====

Exemples:
<code css>
P.ma-classe {
  
}
P.classe1.classe2 {
  
}
</code>

==== Id ====

Exemple:
<code css>
#mon-bouton {
  
}
</code>

==== Descendant ====

^ Opérateur | ''(espace)'' |
^ Sélection | Tous les éléments inclus dans l'élément spécifié, mais pas forcément enfants directs |

Exemple:
<code css>
DIV P {
  
}
</code>

==== Enfant ====

^ Opérateur | ''>'' |
^ Sélection | Tous les éléments qui sont des enfants directs de l'élément spécifié |

Exemple:
<code css>
DIV > P {
  
}
</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>