Extrait du formation HTML-CSS
2.2 Mais pourquoi donc faire du CSS?
Bonne question! Pour y répondre, ouvrez votre navigateur et rendez-vous sur votre site favori, puis demandez-vous pourquoi toutes les pages ont le meme aspect ? Simplement parce-que toutes ces pages sont liées à une meme feuille de style… Les avantages sont évidents :
• le contrôle de la présentation de plusieurs documents par une seule feuille de style.
• un contrôle plus précis de la présentation.
• des présentations différentes en fonction du média utilisé (typiquement, une feuille de style spéciale selon la consultation via un smartphone ou un écran d’ordinateur).
2.3 Comment ¸ca marche ?
il existe plusieurs fa¸cons de faire du CSS :
• en interne (pas biennnnnn !), c’est à dire dans la balise HTML.
Un exemple : pour donner un magnifique fond rouge à notre page, nous pouvons inclure un attribut dans la balise body <body style= »background-color=red; »> . Le fond de la page sera rouge… admettons maintenant que le site possède trente pages : il faudra copier trente fois la balise. Puis si on veut changer la couleur, et biennnn, il faut la changer sur les trente pages !
On comprend aisément que ce n’est pas une bonne solution, et de toute fa¸con, ce n’est pas la philosophie du CSS!
• en feuille de style externe (biennnnnn !). Il faudra alors créer une feuille de style, en la nommant par exemple ”style.css”, puis placer dans le head la balise <link rel= »stylesheet » type= »tex/css » href= »style.css »> et dans ce cas, on place la feuille de style dans le meme dossier que le document html. Pour notre exemple, la feuille de style contiendrait les lignes :
body {
background-color: red;
}
Avantage de cette méthode : une seule feuille de style pour autant de pages HTML que l’on veut !
3 Pour commencer en CSS
Nous allons donner ici une liste des principaux attributs, mais il faut savoir que le CSS offre énormément de possibilités ! Pour avoir une vision plus complète il vaut mieux se référer à des tutoriels sur internet, comme par exemple ceux du site HTML.net. Il faut aussi être raisonnables, parce-que devant la profusion de possibilités, il y a un risque d’en faire trop (voir chapitre 4)…
……..
Si le lien ne fonctionne pas correctement, veuillez nous contacter (mentionner le lien dans votre message)Formation HTML-CSS pour commencer en CSS (1,47 MO) (Cours PDF)
