Débuter avec le langage CSS, apprendre pas à pas !
Cours CSS (Cascading Style Sheets ou feuille de style)

Débuter avec le langage CSS : gérer la couleur, bordure, taille de la police...

C'est quoi le CSS ? Puis-je apprendre facilement ?

En deux mots : Le langage CSS ou Cascading Style Sheets est utilisé pour définir l'aspect futur de votre site: exemple la couleur du fond de la page ou le type de police.

Plus concrètement : le CSS (ou feuille de style), c'est un petit fichier (exemple "style.css") dans lequel vous allez définir l'ensemble des choix de couleurs, type de police (arial, comic sans MS, etc), taille du texte... TOUT sauf le texte lui même !

Euh... CSS / HTML : Comment ça marche ?
HTML vs CSS Commençons par la base : pour créer un site, il faut utiliser un langage primodiale : HTML, c'est un langage qui permet de mettre en place la structure de la page mais aussi la forme d'un texte : gras, couleur, italique..

code css

D'accord, tu as un exemple avec le langage CSS ?

Et bien, avec le CSS, la structure HTML et la présentation sont gérées séparément

En effet, vous pouvez modifier les couleurs css, polices css de caratères directement dans le fichier CSS et la structure (texte, images) directement dans la page HTML.

CSS facilite la portabilité du contenu

Une fois le contenu HTML correctement mis en place, il devient facile de changer l'apparence de son site.

Le code HTML est réduit en taille et en complexité.

Pour le référencement, c'est un grand plus : Les feuilles de styles simplifient le code HTML et améliorent la vitesse de chargement de la page.

D'accord, tu me donner un exemple pour utiliser le langage CSS ?

Je souhaite le fond de mes pages en gris. Si j'ai un site de 5 pages, je vais répéter 5 fois :

En HTML simple :
  <body bgcolor="#CCCCCC"> 

Je vais mettre dans mon fichier CSS (exemple :style.css)

 body { background-color: #CCCCCC; } 

Si un jour je souhaite modifier la couleur de mes pages, avec le CSS, j'ai un seul fichier a modifier, avec HTML 5 ! CQFD


Et le CSS3, c'est quoi ? Je vous propose de découvrir le CSS3 grace au responsive design et ce tutorial sur responsive design et bootstrap.

>> Formation CSS3 et HTML5 <<

Voulez-vous laisser une note ou un commentaire ?

Avis sur la page http://www.cssdebutant.com/ Votes: 4 / 5 étoiles - 94 vote(s) et 10 commentaires