Où placer le CSS ?
Vous souvenez qu’on a déjà parlé du CSS ? Sur ce cours nous allons aussi en parler.
Sachez que le CSS est beaucoup plus facile, donc on n’a pas à avoir peur. Le CSS est aussi important pour la beauté
d’une page web. Je dois vous dire qu’une page web sans CSS, c’est comme une maison en brique non talochée et sans
peinture.
Quand le langage CSS est mis au monde, il a osé dire à haute voix : «Eh mademoiselle balise font ! Vas t’en, tu n’as
plus ta place ici ».
Je Pense que la balise font ne vous est pas étranger, sinon tu peux retourner lire mes cours de html.
Le CSS est un langage dépendant, il ne peut pas aller tout seul. Il doit être intégré dans le html. Mais comment ?
La réponse à cette question reste le but de ce cours.
1) Le CSS peut être mis dans un fichier CSS et être appelé dans une page web
Ceci est la méthode la plus efficace car avec un site web, on peut par exemple avoir un seul fichier qui contient
toute la beauté du site : couleur de texte, mise en forme, police…
Cela rend facile la mise à jour du design du site, car au lieu de faire des modifications dans tous les pages, on
les fait sur une seule page.
Avec cette méthode ça peut vous permettre aussi de proposer plusieurs designs à vos visiteurs. La plupart des
webmasters font recours à cette méthode. Le site www.samomoi.com est l’un des sites utilisant cette méthode.
Prenons exemple :
voici par exemple notre feuille CSS qui se nomme style.css
La page html:
Comme vous voyez, nous avons utilisé la balise link pour appeler notre feuille CSS.
comme vous voyez cette ligne, il s’agit de la ligne qui appelle la feuille de style de type text/css et qui a comme
nom style.css
2) On peut placer le CSS directement dans la balise head du page html
A l’intérieur de la balise head, on place la balise style :
La syntaxe de la balise style est :
<style type="text/css"> On place ici le CSS</style>
Voici la structure d’une page html ou on a inclus le CSS dans la balise head.
Si nous reprenons notre premier exemple, nous aurons en tout cette page html :
3) On peut placer le CSS directement dans les balises elles mêmes
Avec l’attribut style qui fonctionne avec tous les balises
Exemple avec la balise p :
<p style="on met du code CSS ici">paragraphe</p>
Si nous reprenons notre premier exemple, nous aurons en tout cette page html :
