Simad | Tutorial CSS3 N1: Les sélecteurs CSS simples et Les propriétés . @simad2288 | Uploaded July 2018 | Updated October 2024, 1 hour ago.
Le CSS va nous permettre de mettre en page un contenu et de changer son apparence en lui appliquant des styles.
Pour appliquer un style à un élément HTML, nous allons devoir au préalable le « sélectionner » ou le cibler.
Un sélecteur va donc nous permettre de cibler un ou plusieurs éléments HTML afin de leur appliquer un style particulier.
Il existe différents types de sélecteurs qu’on appelle sélecteurs « simples » ou « complexes ». Nous allons voir les plus utilisés d’entre eux au cours des chapitres à venir.
On appelles également les sél"ecteurs CSS simple des "sélecteurs éléments", tout simplement car ils reprennent le nom du type d'élément HTML à cibler.
Par exemple, si l’on souhaite par exemple appliquer un style particulier à tous les paragraphes de notre page web, nous utiliserons le sélecteur CSS p.
Les propriétés CSS
Les propriétés vont nous permettre de choisir quel(s) aspect(s) (ou "styles") d’un élément HTML on souhaite modifier.
Par exemple, nous allons pouvoir modifier la couleur d’un texte et lui appliquer la couleur que l’on souhaite grâce à la propriété color (« couleur », en français).
Une propriété va être accompagnée d’une ou plusieurs valeurs qui vont définir le comportement de cette propriété.
Par exemple, la propriété color peut prendre le nom d’une couleur (en anglais). Si l’on donne la valeur « red » (rouge) à notre propriété color, les textes au sein des éléments HTML auxquels on applique cette propriété s’afficheront en rouge.
Le CSS va nous permettre de mettre en page un contenu et de changer son apparence en lui appliquant des styles.
Pour appliquer un style à un élément HTML, nous allons devoir au préalable le « sélectionner » ou le cibler.
Un sélecteur va donc nous permettre de cibler un ou plusieurs éléments HTML afin de leur appliquer un style particulier.
Il existe différents types de sélecteurs qu’on appelle sélecteurs « simples » ou « complexes ». Nous allons voir les plus utilisés d’entre eux au cours des chapitres à venir.
On appelles également les sél"ecteurs CSS simple des "sélecteurs éléments", tout simplement car ils reprennent le nom du type d'élément HTML à cibler.
Par exemple, si l’on souhaite par exemple appliquer un style particulier à tous les paragraphes de notre page web, nous utiliserons le sélecteur CSS p.
Les propriétés CSS
Les propriétés vont nous permettre de choisir quel(s) aspect(s) (ou "styles") d’un élément HTML on souhaite modifier.
Par exemple, nous allons pouvoir modifier la couleur d’un texte et lui appliquer la couleur que l’on souhaite grâce à la propriété color (« couleur », en français).
Une propriété va être accompagnée d’une ou plusieurs valeurs qui vont définir le comportement de cette propriété.
Par exemple, la propriété color peut prendre le nom d’une couleur (en anglais). Si l’on donne la valeur « red » (rouge) à notre propriété color, les textes au sein des éléments HTML auxquels on applique cette propriété s’afficheront en rouge.