Avant de commencer à apprendre le CSS, vous devez vous assurer d'avoir les connaissances préalables suivantes :
Pour apprendre le HTML et XHTML , vous pouvez trouver des tutoriels pertinents sur la page d'accueil du site Web PHP chinois (php.cn)
Pour apprendre le CSS, vous devez savoir ce qu'est le CSS ?
CSS fait référence aux feuilles de style en cascade
Les styles définissent comment afficher les éléments HTML
Les styles sont généralement stockés dans la feuille de style
L'ajout de styles au HTML 4.0 consiste à résoudre le problème de la séparation du contenu et de la présentation
Externe les feuilles de style peuvent être extrêmement améliorer considérablement l'efficacité du travail
Les feuilles de style externes sont généralement stockées dans des fichiers CSS
Plusieurs définitions de style peuvent être regroupées en une seule
Le style résout un gros problème
Les balises HTML ont été conçues à l'origine pour définir le contenu du document, comme indiqué dans l'exemple suivant :
Ceci est un titre
Ceci est un paragraphe.
Les feuilles de style définissent la façon dont les éléments HTML sont affichés, un peu comme le font la balise de police HTML 3.2 et les attributs de couleur. Les styles sont généralement enregistrés dans des fichiers .css externes. Les feuilles de style externes vous donnent la possibilité de modifier la mise en page et l'apparence de toutes les pages de votre site en même temps en éditant simplement un simple document CSS.
Afin de résoudre ce problème, le World Wide Web Consortium (W3C), une alliance de normalisation à but non lucratif, s'est donné pour mission de normaliser le HTML et de créer des styles en dehors du HTML 4.0.
Les navigateurs contemporains prennent tous en charge CSS.
Les feuilles de style CSS améliorent considérablement l'efficacité du travail
La table de styles définit comment Les éléments HTML sont affichés
Les feuilles de style définissent la façon dont les éléments HTML sont affichés, tout comme le font la balise de police HTML 3.2 et les attributs de couleur. Les styles sont généralement enregistrés dans des fichiers .css externes. Les feuilles de style externes vous donnent la possibilité de modifier simultanément la mise en page et l'apparence de toutes les pages de votre site en éditant un simple document CSS.
Exemple CSS
Un document HTML peut afficher différents styles
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网（php.cn）</title>
<style>
h1{color: #00a0e9}
p{background-color: #8de943
}
p.ex {margin-top:2cm;}
p.bottommargin {margin-bottom:25%;}
</style>
</head>
<body>
<h1>标题</h1>
<p>一个没有指定边距大小的段落。</p>
<p class="ex">一个2厘米上边距的段落。</p>
</body>
</html>Exécutez le programme et essayez-le
section suivante