Les styles CSS
- Le terme CSS est l’acronyme anglais de Cascading Style Sheets qui peut se traduire par « feuilles de style en cascade ».
- Le CSS est un langage informatique utilisé sur l’internet pour mettre en forme les fichiers HTML.
- Les feuilles de styles permettent le formatage et la mise en page de la page Web.
- Introduit au milieu des années 1990, CSS devient couramment utilisé dans la conception de sites web et bien pris en charge par les navigateurs web dans les années 2000.
- En général le langage HTML soit destiné à décrire le contenu, les feuilles de style sont destinées à décrire la forme du document.
- Le but d’avoir le css dans vos sites c’est de compenser les manques du langage HTML en ce qui concerne la mise en page et la présentation
- Le CSS est un langage de style qui définit la présentation des documents HTML. Par exemple, CSS couvre les polices, les couleurs, les marges, les lignes, la hauteur, la largeur, les images d’arrière-plan, les positionnements évolués et bien d’autres choses.
- Les feuilles de styles permettent :
- d’avoir une présentation homogène sur tout un site.
- de pouvoir changer l’aspect du site entier en modifiant quelques lignes.
- une plus grande lisibilité du HTML.
- le positionnement rigoureux des éléments.
- des chargements de page plus rapides.
- Les feuilles de styles peuvent être présent dans un site web dans trois emplacements différents: dans un fichier CSS à part,à l’intérieur d’un fichier HTML ou dans l’éléments HTML.
- Objectifs pédagogiques
- Maîtriser les feuilles de style pour permettre une mise en page plus dynamique
- Ecrire une CSS
- Agir sur les éléments d’une page
Test d'évaluation en CSS3
Généralités
Présentation du langage CSS
Les sélecteurs CSS
Notions de cascade et héritage
Le positionnement et transformation des éléments
Le dimensionnement des éléments en CSS
Les marges et les bordures
-
Les marges
Les bordures
Travaux dirigés
Les effets graphiques
Liens et menus
Exercices et TP
Séries d’exercices
- Exercices en CSS les sélecteurs Série 01
- Exercices en CSS les sélecteurs Série 02
- Exercices en CSS les sélecteurs Série 03
- Exercices en CSS les bordures Série 01
- Exercices en CSS les les transitions Série 01
- Exercices en CSS le positionnement Série 01
- Exercices en CSS le positionnement Série 02
Travaux dirigés