CSS Exemple

Arrière-plan CSS

Une image d'arrière-plan fixe (cette image ne défilera pas avec le reste de la page)

Explication des propriétés d'arrière-plan

Texte CSS

Désactiver le retour à la ligne automatique du texte dans un élément

 

Explication des propriétés de texte

Polices CSS

 

Explication des propriétés de police

Liens CSS

 

Explication des propriétés de lien

Listes CSS

Tous les différents marqueurs d'élément de liste dans les listes

Définir une image comme marqueur d'élément de liste à l'aide d'une solution multi-navigateurs

CSS - supprimer les styles par défaut de l'élément de liste li

 

Explication des propriétés de liste

Tableaux CSS

Spécifier les éléments th et td d'un tableau avec une bordure noire

 

Explication des propriétés de tableau

Modèle de boîte CSS

Spécifier la largeur totale d'un élément à 250 pixels à l'aide d'une solution compatible avec plusieurs navigateurs

 

Explication du modèle de boîte

Bordures CSS

 

 

 

 

Toutes les propriétés de la bordure supérieure en une seule déclaration

Toutes les propriétés de la bordure inférieure en une seule déclaration

Toutes les propriétés de bordure gauche en une seule déclaration

Toutes les propriétés de bordure droite en une seule déclaration

 

Explication des propriétés de bordure

Contour CSS

 

Explication des propriétés de contour

Marge CSS

Définir la valeur de la marge supérieure du texte en centimètres

Définir la marge inférieure du texte à l'aide d'une valeur en pourcentage

Définir la marge gauche du texte à l'aide d'une valeur en centimètres

 

Explication de la propriété Margin

Padding CSS

 

Explication de la propriété padding

Regroupement et imbrication CSS

 

Explication du regroupement et de l’imbrication

Dimensions CSS

Définir la hauteur d’une image à l’aide d’une valeur en pixels

Utiliser des valeurs en pixels pour définir la largeur d'un élément

Définir la largeur maximale d’un élément à l’aide d’une valeur en pixels

Définir la largeur maximale d'un élément à l'aide d'un pourcentage

Utiliser des valeurs en pixels pour définir la largeur minimale d’un élément

Utiliser des pourcentages pour définir la largeur minimale d’un élément

 

Explication des propriétés de taille

Affichage CSS

 

Explication de la propriété Display

Positionnement CSS

Positionner un élément par rapport à la fenêtre du navigateur

Comment utiliser les barres de défilement pour afficher le contenu qui déborde à l'intérieur d'un élément

Comment définir la gestion automatique du débordement dans le navigateur

Utiliser des valeurs de pixels pour définir le haut d'une image

Utiliser des valeurs de pixels pour définir le bas d'une image

Utiliser des valeurs de pixels pour définir la gauche d'une image

Utiliser des valeurs de pixels pour définir la droite d'une image

 

Explication des propriétés de positionnement

Flottement CSS

Ajouter une bordure et une marge à une image et la faire flotter à gauche d'un paragraphe

 

Explication de la propriété Float

Alignement des éléments en CSS

Utiliser une solution multi-navigateurs pour définir l'alignement de position à gauche/à droite

Utiliser une solution multi-navigateurs pour définir l'alignement de position à gauche/à droite avec float

 

Explication des attributs d'alignement

Contenu généré en CSS

Insérer l'URL entre parenthèses après chaque lien à l'aide de l'attribut content.

La numérotation des sections et sous-sections est « Section 1 », « 1.1 », « 1.2 », etc.

Pseudo-classes CSS

:first-child - correspond au premier élément i à l'intérieur d'un élément p

:first-child - correspond à tous les éléments i dans le premier élément p

 

Explication des pseudo-classes

Pseudo-éléments CSS

Mettre en valeur la première lettre de la première ligne de texte

 

Explication des pseudo-éléments

Barre de navigation CSS

 

Explication des barres de navigation

Galerie d'images CSS

 

Explication de la galerie d'images

Opacité des images CSS

Créer une boîte transparente avec une image d'arrière-plan et du texte

 

Explication de l'opacité des images

Sprites d'images CSS

 

Explication des sprites d'images

Sélecteurs d'attributs CSS

Sélectionner des éléments avec un attribut title égal à une valeur spécifique

Sélectionner des éléments avec un attribut title contenant une valeur spécifique (en utilisant (~) pour séparer l'attribut et la valeur)

Sélectionner des éléments avec un attribut title commençant par une valeur spécifique (en utilisant (|) pour séparer l'attribut et la valeur)

 

Explication du sélecteur d'attribut

Exemples d'application CSS

Plus d'exemples :https://www.jyshare.com/examples/

autres extensions