Introduction à CSS

Qu'est-ce que CSS?

CSS (Cascading Style Sheets) est un langage utilisé pour décrire la présentation des documents HTML. Il permet de contrôler le style et la mise en page des pages web.

Sélecteurs de base

/* Sélectionne tous les éléments */
element {
    propriété: valeur;
}

/* Sélectionne par ID */
#id {
    propriété: valeur;
}

/* Sélectionne par classe */
.classe {
    propriété: valeur;
}

Mise en page

body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

.container {
    width: 100%;
    margin: 0 auto;
}

Texte et police

h1 {
    color: #ff6347;
    font-size: 2em;
}

p {
    color: #333;
    line-height: 1.5;
}

Couleurs et arrière-plans

body {
    background-color: #f0f8ff;
}

.header {
    background-color: #4682b4;
    color: #fff;
    padding: 20px;
}

Bordures et ombres

.box {
    border: 1px solid #ddd;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}