Quelle est la différence entre CSS et HTML ? Comparaison des différences entre CSS et HTML-tutoriel CSS-php.cn

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

不言

Libérer： 2018-08-28 15:06:40

original

8278 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

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