HTML+CSS Débuter facilement avec la compréhension des styles CSS

1 : Qu'est-ce que CSS

css est l'abréviation de Feuilles de style en cascade. La traduction chinoise est "Feuilles de style en cascade". Nous avons l'habitude de l'appeler "Feuilles de style en cascade"

Nous devrions utiliser CSS À quoi faire attention :

1 Lorsque plusieurs pages Web utilisent CSS, utilisez la méthode de connexion externe des fichiers CSS, afin que le code de la page Web soit considérablement réduit et il est très pratique à modifier ; il n'est utilisé que dans une seule page Web. CSS utilise la méthode d'en-tête de document ; CSS, qui n'est utilisé qu'à un ou deux endroits sur une page Web, utilise l'insertion en ligne.

2. Les trois usages peuvent être mélangés sans prêter à confusion. C'est pourquoi on l'appelle « Feuille de style en cascade ». C'est ainsi que le navigateur le gère lors de l'affichage d'une page Web : vérifiez d'abord s'il existe un CSS en ligne, et s'il y en a, il sera exécuté, ainsi que d'autres CSS pour cette phrase. sera ignoré. Il est là ; deuxièmement, vérifiez le CSS en mode en-tête, et exécutez-le s'il y en a ; s'il n'y a aucun des deux premiers, puis vérifiez le CSS en mode fichier externe. Par conséquent, on peut voir que les priorités d'exécution des trois CSS sont : l'insertion en ligne, le mode en-tête et le mode fichier externe.

Syntaxe CSS :

/*Écrire le style CSS*/

< ;

L'un des avantages de l'utilisation des styles CSS est qu'en définissant un certain style, le texte dans différents emplacements de page Web peut avoir une police, une taille ou une couleur de police unifiées, etc.

Ensuite, écrivons un Exemple：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		body{
			font-size: 20px;
			color: red;
			font-weight: bold;
		}
	</style>
</head>
<body>
		中华民族伟大复兴
</body>
</html>

Dans le cas ci-dessus, j'ai défini un style pour le corps, afin que tout le contenu du texte ait ce style

Manuel de référence CSS, vous pouvez en télécharger un sur Baidu , comme le montre l'image ci-dessous :

Formation continue

nouveau fichier

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ font-size: 20px; color: red; font-weight: bold; } </style> </head> <body> 中华民族伟大复兴 </body> </html>

soumettre Réinitialiser le code

Opération automatique

HTML+CSS Débuter facilement avec la compréhension des styles CSS

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]