Eklablog
Editer l'article Suivre ce blog Administration + Créer mon blog

Introduction

"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.

Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
N
Excuser moi... Je voudrais juste savoir pourquoi l'article ">>détailler<<" de la fenêtre d'information est protégée par un mot de passe^^<br /> PS: merci pour tout vos codes ils sont géniaux! Bonne continuation^^
Répondre
X
Merci beaucoup, maitenant il marche très bien!<br /> bonne continuation a toi Nagalia, et un grand merci a Nasu ;)
Répondre
X
Bonjours,<br /> mon code css ne marche pas, pourrais tu me dire ce qui cloche?<br /> #header {    Border radius: 20xp 20xp 20xp 20xp;}
Répondre
M
Merci pour ce petit cours d'intro! 
Répondre
V
C'est vraiment gentil, en vrai, de faire des cours de CSS. Alors, merci :)<br /> Sinon...Comment fais-tu pour te souvenir de tout ça ? :o
Répondre