Scribd
Importer
24 vues2 pages

Cours Complet CSS Détaillé PDF

Le document présente un cours détaillé sur le CSS, couvrant des sujets tels que les couleurs, les polices, les dimensions, l'espacement, le positionnement, les bordures, l'affichage, Flexbox, Grid, ainsi que les interactions et animations. Chaque section décrit les propriétés CSS pertinentes et leur utilisation. Ce cours est conçu pour aider à maîtriser les concepts fondamentaux du CSS pour le développement web.

Transféré par

Klai Feriel
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
24 vues2 pages

Cours Complet CSS Détaillé PDF

Le document présente un cours détaillé sur le CSS, couvrant des sujets tels que les couleurs, les polices, les dimensions, l'espacement, le positionnement, les bordures, l'affichage, Flexbox, Grid, ainsi que les interactions et animations. Chaque section décrit les propriétés CSS pertinentes et leur utilisation. Ce cours est conçu pour aider à maîtriser les concepts fondamentaux du CSS pour le développement web.

Transféré par

Klai Feriel
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Cours CSS Détaillé

1. Couleurs & Texte

color : définit la couleur du texte.

background-color : définit la couleur de fond.

opacity : rend un élément transparent.

text-align : aligne le texte (gauche, centre, droite).

text-decoration : soulignement, barré, etc.

text-transform : majuscules, minuscules, etc.

letter-spacing : espace entre les lettres.

line-height : hauteur des lignes.

2. Polices (Fonts)

font-family : police de caractères.

font-size : taille de police.

font-weight : poids de la police (normal, bold, 100 à 900).

font-style : style (normal, italic, oblique).

3. Dimensions

width/height : largeur et hauteur.

max-width/min-width : limites.

Utiles pour le responsive.

4. Espacement

margin : espace extérieur.

padding : espace intérieur.

5. Positionnement

position : static, relative, absolute, fixed, sticky.

top/left/right/bottom : déplacement selon la position.

z-index : superposition.
Cours CSS Détaillé

6. Bordures & Ombres

border : crée une bordure.

border-radius : coins arrondis.

box-shadow : ombres.

7. Affichage

display : block, inline, flex, grid, none.

overflow : contenu qui dépasse (hidden, scroll...).

box-sizing : mode de calcul des dimensions.

8. Flexbox

display: flex : crée un conteneur flexible.

justify-content : alignement horizontal.

align-items : alignement vertical.

9. Grid

display: grid : conteneur en grille.

grid-template-columns : colonnes.

gap : espace entre les éléments.

10. Interactions & Animations

:hover/:focus/:active : états d'interaction.

transition : animation douce.

transform : échelle, rotation, etc.

Vous aimerez peut-être aussi