Scribd
Importer
2 vues4 pages

Cours CSS

Le document décrit trois méthodes pour lier CSS avec HTML : l'intégration linéaire via l'attribut style, l'intégration interne dans une balise <style> dans le <head>, et l'intégration externe avec un fichier .css. Chaque méthode a ses avantages et inconvénients, notamment en termes de répétition et de facilité de modification. La méthode externe est la plus efficace pour appliquer des styles uniformes à plusieurs pages HTML.

Transféré par

Aa Bb
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
2 vues4 pages

Cours CSS

Le document décrit trois méthodes pour lier CSS avec HTML : l'intégration linéaire via l'attribut style, l'intégration interne dans une balise <style> dans le <head>, et l'intégration externe avec un fichier .css. Chaque méthode a ses avantages et inconvénients, notamment en termes de répétition et de facilité de modification. La méthode externe est la plus efficace pour appliquer des styles uniformes à plusieurs pages HTML.

Transféré par

Aa Bb
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Lier HTML & CSS

Méthode 1 : Linéaire
• Nous pouvons lier le CSS avec HTML en utilisant 3 méthodes différentes :
– Intégration linéaire : Dans l’attribut style de la balise

<head>
<title>TP</title> Hello
</head> World
<body> !!
<p>Hello</p> Code HTML Navigateur
<p style=‘’color:red’’>World</p>
<p style=‘’color:red’’>!!</p>
</body>

• Si nous avons 100 <p> avec même couleur, nous allons écrire
color:red 100 fois, en cas de modification : 100 modifications
Méthode 2 : Interne
• Nous pouvons lier le CSS avec HTML en utilisant 3 méthodes différentes :
– Intégration interne : Dans la balise <head> de la page html, dans une balise <style>
<head>
<title>TP</title>
<head>
<style>
p{ Hello
color:red; World
} !!
Code HTML Navigateur
<style>
</head>
</head>
<body>
<p>Hello</p>
<p>World</p>
<p>!!</p>
</body>
Si nous avons 100 pages avec même couleur de <p>, nous allons écrire
color:red 100 fois, en cas de modification : 100 modifications
Méthode 3 : Externe
• Nous pouvons lier le CSS avec HTML en utilisant 3 méthodes différentes :
– Intégration externe : Dans un fichier avec extension .css et intégration avec <link>

<head>
<title>TP</title> p{
<link rel=‘’stylesheet’’ href=‘’[Link]’’/> color:red;
</head> }
<body> Hello
<p>Hello</p> World
Code HTML Code CSS dans [Link] Navigateur
<p>World</p> !!
<p>!!</p>
</body>

Nous pouvons maintenant, lier plusieurs pages html avec le même fichier CSS,
En cas de modification générale, vous allez modifier une seule fois.

Vous aimerez peut-être aussi