CSS et HTML
Choisir le CSS ou juste HTML ?


bouton de manchette clavierA découvrir les boutons de manchette Geek :) - Des idées de cadeaux à petits prix :)

La syntaxe du CSS et notion d'héritage

La syntaxe CSS est simple, elle se compose d'un selecteur et une propriété associé à une valeur :

Structure syntaxique : selecteur { propriété : valeur }
Un exemple concret : body { background: #eeeeee; }

A savoir :
Chaque selecteur (ici body) peut avoir plusieurs propriétés avec des valeurs indépendantes :
body { background: #eeeeee; font-family: Trebuchet MS, Verdana, Arial; }

On remarquera un point virgule entre chaque propriétés.

code css

Notion d'héritage

Si on traduit les trois mots de « Cascading Style Sheets » on obtient Feuille de style en cascade.
Pourquoi « en cascade » ?
Car si vous définissez une police de type "Trebuchet MS" sur la balise <body>, l'ensemble des autres éléments du site prendra comme police Trebuchet MS, inutile de le redéfinir à chaque éléments.

A savoir
Si vous souhaitez une autre police pour les balise <h1> par exemple, il suffit de la définir à nouveau :
h1 {font-family: Georgia, sans-serif;}
p {font-family: Tahoma, serif;}


Autre exemple
Si vous définisez la balise body avec une marge de 20px, les autre éléments seront à 20px par défaut
body {margin: 20px;}

Combination de selecteurs

Vous pouvez aussi combinez les éléments HTML qui regroupent les memes caractéristiques :
h1, h2, h3, h4, h5, h6 { color: #009900; font-family: Georgia, sans-serif;}

Mettre des commentaires dans le CSS

Vous pouvez mettre des commentaires dans votre code avec la syntaxe suivante :
/* Commentaire ici */
Comment et on définir ses paramètres en CSS >>>

Le CSS en 3 questions/réponses - en bref

🖥️ C'est quoi HTML et CSS ?

Le CSS est un langage informatique utilisé pour mettre en forme les fichiers HTML sur un site web. Ainsi, les fichiers CSS permettent de gérer l'aspect graphique d'une page en HTML.

🤔 Qu'est-ce que le CSS ?

CSS est l'acronyme de « Cascading Style Sheets » c'est à dire « feuille de style en cascade ». Le CSS est un langage informatique permettant de mettre en forme des pages web (HTML ou XML).

📆 Différence entre CSS et CSS3 ?

CSS3 est la dernière version de CSS. Il fournit des capacités de type JavaScript. En plus de cela, il fournit également des fonctionnalités de développement mobile.

Voulez-vous laisser une note ou un commentaire ?

Donnez votre avis sur ce contenu :
Votes: 4.1 (98%) 50 votes