Scribd
Importer
7 vues8 pages

Introduction au CSS : Guide Complet

CSS, ou Cascading Style Sheets, est un langage qui permet de contrôler l'apparence des pages Web en séparant le contenu du style. Il offre des fonctionnalités telles que la personnalisation, l'accessibilité et la maintenance simplifiée. Le document aborde également les propriétés de base, le modèle de boîte, le positionnement, les styles typographiques, ainsi que des bonnes pratiques pour une utilisation efficace de CSS.

Transféré par

Kangoute Nouria Djaliah
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 PPTX, PDF, TXT ou lisez en ligne sur Scribd
7 vues8 pages

Introduction au CSS : Guide Complet

CSS, ou Cascading Style Sheets, est un langage qui permet de contrôler l'apparence des pages Web en séparant le contenu du style. Il offre des fonctionnalités telles que la personnalisation, l'accessibilité et la maintenance simplifiée. Le document aborde également les propriétés de base, le modèle de boîte, le positionnement, les styles typographiques, ainsi que des bonnes pratiques pour une utilisation efficace de CSS.

Transféré par

Kangoute Nouria Djaliah
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 PPTX, PDF, TXT ou lisez en ligne sur Scribd

Introduction à CSS

CSS, ou Cascading Style Sheets, est un langage de feuille de style qui


permet de contrôler l'apparence et le style des pages Web.

par Nouria H
Pourquoi utiliser CSS ?
1 Personnalisation 2 Séparation des
contenus
CSS offre un contrôle total
sur l'apparence d'un site Le code HTML est dédié au
web. contenu, tandis que CSS
gère la présentation.

3 Accessibilité 4 Maintenance
Les styles CSS facilitent Les changements de style
l'adaptation des sites web s'appliquent à l'ensemble
aux besoins des du site web, simplifiant les
utilisateurs. mises à jour.
Propriétés et sélecteurs de base
Propriétés Sélecteurs

Les propriétés CSS définissent les attributs visuels, Les sélecteurs CSS ciblent les éléments HTML auxquels
comme la couleur, la taille ou la police. les styles s'appliquent.

1. color 1. tag
2. font-size 2. id
3. background-color 3. class
4. width 4. attribut
La boîte modèle
Contenu
Le texte, les images ou d'autres éléments contenus dans la boîte.

Rembourrage
Espace entre le contenu et la bordure de la boîte.

Bordure
Bordure visible autour du contenu et du rembourrage.

Marge
Espace entre la boîte et les autres éléments sur la page.
Positionnement et mise
en page
static Le positionnement par défaut,
l'élément suit le flux normal du
document.

relative L'élément est positionné par


rapport à sa position normale.

absolute L'élément est positionné par


rapport à son ancêtre le plus
proche positionné "relative",
"absolute" ou "fixed".

fixed L'élément est positionné par


rapport à la fenêtre du
navigateur.
Styles typographiques
Police Taille
Choisir la famille de police, comme Arial, Times New Déterminer la taille du texte, en pixels, points ou ems.
Roman, etc.

Poids Style
Régler l'épaisseur du texte, comme normal, gras ou fin. Appliquer des styles comme italique, souligné ou barré.
Couleurs et images

Couleurs Dégradés Images


Utiliser des noms de couleurs, des Créer des effets de transition de Insérer des images et les positionner
codes hexadécimaux ou des valeurs couleurs. sur la page.
RVB.
Bonnes pratiques et ressources
1 Sélectivité
Utilisez des sélecteurs précis pour éviter les conflits de styles.

2 Réutilisation
Créez des classes réutilisables pour un code plus propre et plus facile
à maintenir.

3 Documentation
Commentez votre code CSS pour améliorer la lisibilité et la
compréhension.

4 Ressources
Consultez des sites Web et des livres pour en savoir plus sur CSS.

Vous aimerez peut-être aussi