"Css veut dire "Cascading Style Sheets" soit "feuilles de style en cascade". Il permet la mise en forme hors des documents. Il est par exemple possible de ne décrire que la structure d'un document en HTML, et de décrire toute la présentation dans une feuille de style CSS séparée. Cette séparation permet de changer plus facilement de présentation, et de réduire la complexité de l'architecture d'un document.
"
Wikipédia
Dans EklaBlog, le CSS se trouve dans :
"apparence => Modifier le thème => Css"
La structure de base d'un code CSS est la suivante :
sélecteur {
propriété : valeur ;
propriété : valeur;
}
- Sélecteur : C'est le nom de votre élément. Certains sélecteurs sont définit par défaut, tel les liens, les paragraphes, les images... Les autres sont créé pour gérer plus facilement l'apparence d'un site web. Sur EklaBlog par exemple, nous avons l'en-tête, les articles...
Vous pouvez également en créer de nouveaux.
- Propriété : C'est le nom de l'effet à appliquer sur un élément. Leur nom est en anglais, sans caractères spéciaux excepté un tiret dans certains cas. Elles permettent de gérer la taille, la couleur, des bordures...
- Valeur : La valeur dépend de la propriété, elle permet d'expliquer exactement l'effet rechercher. Par exemple, pour une propriété "couleur" on va mettre comme valeur "rouge". Pour une propriété "hauteur" on va mettre 200px...
La ponctuation est extrêmement importante. Toutes les propriété concernant un sélecteur se trouvent entre accolades "{" "}". Les propriété et les valeurs sont séparées par deux points ":", et les propriétés doivent être séparées d'un point virgule ";"
Dans Eklablog, si vous oubliez les accolades, un message d'erreur vous le signalera. Par contre, si votre code ne fonctionne qu'a moitier, il y a de grande chance pour que vous ayez oublier un point virgule. Relisez vous bien.
Les retours à la ligne et les espaces entre les signes de ponctuation ne changerons pas le code. Mais il est fortement recommandé d'aérer votre présentation pour pouvoir vous y retrouver.