Introduction sur le langage CSS
C'est quoi le CSS
Le langage CSS
(Cascading Style Sheets) est utilisé
pour définir l'aspect futur de votre site, comme
par 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'aspect futur de votre site.
La structure et la présentation sont gérées séparément
En effet, vous pouvez modifier les couleurs, polices de caratères directement dans le fichier CSS et la structure (texte, images) directement dans la page HTML.
Il 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 simplifies le code HTML et améliore la vitesse de chargement de la page.
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 :
Je vais mettre dans mon fichier CSS (exemple :style.css)
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
Avant de rentrer dans les détails, voyons d'autres raisons d'apprendre le langage CSS
Ce site traite du : style css, appelé aussi feuilles de style ou CSS
Débuter en CSS :
- Introduction au CSS
- CSS ou juste HTML
- Syntaxe du CSS et héritage
- Lien entre HTML et CSS
- Les classes en CSS
- Les id en CSS
- Les balises DIV et SPAN
- Conclusion
Comprendre et coder en CSS
- Les marges (margins)
- Les padding
- Les textes [1] - [2]
- Les polices
- Ancres, Liens, Pseudo Classes
- Fond d'une page (background)
- Les Bordures
- Les listes
- Largeur et Hauteur
- Classification
- Positionnement des éléments
- Pseudo Elements
Formation
Tutoriels
- Référencement et le CSS
- Structure d'une page en CSS
- Manifique bouton en CSS
- Créer des coins arrondis
- Générer des coins arrondis
- Ne pas souligner les liens
- Formulaire en CSS
- Générer du CSS facilement
