Maison > Article > interface Web > Quelle est la différence entre CSS et HTML ? Comparaison des différences entre CSS et HTML

Quelle est la différence entre CSS et HTML ? Comparaison des différences entre CSS et HTML

不言original: 2018-08-28 15:06:408320parcourir

Lorsque de nombreux étudiants apprennent le front-end, ils ne savent peut-être pas grand-chose sur la différence entre html et css L'article d'aujourd'hui sur le site Web chinois php résume les informations sur le html et le css pour ceux qui en ont besoin. À titre de comparaison, jetons un œil au contenu spécifique ci-dessous.

La différence entre CSS et HTML :

1. Jetons d'abord un coup d'œil au HTML :

html est HyperTextMark - L'abréviation de upLanguage, qui est Hypertext Markup Language

html est utilisée pour définir la structure du contenu du document, y compris le contenu que les utilisateurs doivent parcourir, y compris les images, les textes et les vidéos, qui sont les éléments de base qui constituent une page Web ;

HTML est la structure d'une page Web et nécessite une variété de cadres et de mises en page, tels que frameset, iframe, mise en page div+css, mise en page de tableau, etc. Il prend également en charge la soumission de formulaires (formulaire HTML), y compris les formulaires de base, les zones de saisie, les types de zones de saisie, les champs de texte, les listes, les étiquettes, etc.

La structure du HTML comprend deux parties : la tête et le corps. La tête décrit les informations requises par le navigateur et le corps contient le contenu spécifique à expliquer.

Regardons un petit exemple sur le HTML :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>

L'effet est le suivant :

Quelle est la différence entre CSS et HTML ? Comparaison des différences entre CSS et HTML

Cet exemple le fera Explication très claire sur la structure du HTML. (Recommandations associées : Manuel de référence HTML chinois et 2018 Front-End Introduction_HTML5)

Après avoir lu le contenu de base du HTML, jetons un coup d'œil au contenu de base de css, après tout, c'est une comparaison des différences entre css et html ^_^

2 Regardons à nouveau le css :

css est le. abréviation de Cascading Style Sheets, c'est-à-dire Feuilles de style en cascade, qui est un standard de mise en page de pages Web développé et publié par l'Association W3C, est un complément aux fonctions du langage HTML.

css est utilisé pour définir le style des documents HTML, c'est-à-dire l'apparence. Par exemple, le texte dynamique sur la page Web, la couleur du texte, les polices et les effets d'animation peuvent tous être implémentés par CSS.

L'objectif principal du CSS est de contrôler les polices, les couleurs, les arrière-plans, les images et d'autres éléments divers dans les pages Web, afin que les pages Web puissent être affichées exactement selon les exigences du concepteur.

Comme le montre l'exemple suivant :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.com)</title>
<style>
body
{
	background-color:#d0e4fe;
}
h1
{
	color:orange;
	text-align:center;
}
p
{
	font-family:"Times New Roman";
	font-size:20px;
}
</style>
</head>

<body>

<h1>CSS例子</h1>
<p>这是一个段落。</p>

</body>
</html>

L'effet est le suivant :

Quelle est la différence entre CSS et HTML ? Comparaison des différences entre CSS et HTML

L'effet ci-dessus peut être expliqué très clairement sur l'utilisation du CSS. (Recommandations associées : Tutoriel vidéo CSS - Édition Jade Girl Heart Sutra)

Grâce à l'introduction ci-dessus du contenu de base du HTML et du CSS, nous pouvons clairement voir la différence entre le CSS et le HTML. effectivement, CSS est principalement utilisé pour les styles tandis que HTML est utilisé pour le contenu du texte. Tant que vous l'étudiez sérieusement, vous pouvez découvrir plus de choses au cours du processus d'apprentissage.

Recommandations associées :

Les différences entre les compétences XML, HTML, CSS et JS_javascript

[HTML/CSS]affichage : La différence entre aucun et visibilité:hidden_html/css_WEB-ITnose

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

php css html xml 并发 JS 样式表 display input table

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment ajouter une case à cocher dans le coin supérieur droit de l'image en utilisant CSS (code)Article suivant：Comment ajouter une case à cocher dans le coin supérieur droit de l'image en utilisant CSS (code)

Articles Liés

Voir plus