Introduction au CSS

Introduction au CSS

Connaissances que vous devez avoir

Avant de continuer à apprendre, vous devez avoir une compréhension de base des éléments suivants connaissances :

HTML/XHTML

Si vous souhaitez d'abord apprendre ces projets, veuillez visiter les tutoriels pertinents sur la page d'accueil. .

Qu'est-ce que CSS ?

CSS fait référence aux feuilles de style en cascade

Le style définit comment afficher les éléments HTML

Les styles sont généralement stockés dans des feuilles de style

Des styles sont ajoutés au HTML 4.0 pour résoudre le problème de séparation du contenu et de la présentation

Les feuilles de style externes peuvent grandement améliorer l'efficacité du travail

Feuilles de style externes sont généralement stockés dans des fichiers CSS

Plusieurs définitions de styles peuvent être regroupées en une seule

Les styles résolvent un gros problème

Les balises HTML ont été conçues à l'origine Pour définir le contenu du document, l'exemple suivant :

<h1>Titre</h1>

<p>Paragraphe</p>

Feuille de style Définit la façon dont les éléments HTML sont affichés, un peu comme le HTML 3.2, la balise de police et les attributs de couleur l'ont fait. 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 simplement un simple document CSS.

Les navigateurs contemporains prennent tous en charge CSS.

La feuille de style CSS améliore considérablement l'efficacité du travail

Définition de la feuille de style, comment afficher les éléments HTML

Définition de la feuille de style Comment afficher les éléments HTML, tout comme la balise de police HTML 3.2 et les attributs de couleur jouent un rôle. 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 simplement un simple document CSS.


Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS测试</title> <style> body{ background-color:yellow; } h1{ text-align:center; color:green; } p{ font-family:"微软雅黑"; font-size:40px; text-align:center; } </style> <body> <h1>春晓</h1> <p> 春眠不觉晓 </p> <p> 处处闻啼鸟 </p> <p> 夜来风雨声 </p> <p> 花落知多少 </p> </body> </html>
soumettreRéinitialiser le code
  • Recommandations de cours
  • Téléchargement du didacticiel