Outils pour utilisateurs
html_css:start
Différences
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 08:59] marclebrun |
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 ==== | ||
| - | * Tous les éléments qui sont descendants de l'élément spécifié | + | ^ Opérateur | ''(espace)'' | |
| + | ^ Sélection | Tous les éléments inclus dans l'élément spécifié, mais pas forcément enfants directs | | ||
| Exemple: | Exemple: | ||
| Ligne 66: | 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 75: | 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> | ||
html_css/start.1613984361.txt.gz · Dernière modification: 2021/02/22 08:59 (modification externe)
Outils de la page
Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante : CC Attribution-Share Alike 4.0 International
