Maison  >  Article  >  interface Web  >  Quelles sont les manières de déclarer du CSS ?

Quelles sont les manières de déclarer du CSS ?

王林
王林original
2020-11-27 11:09:222942parcourir

Il existe trois façons de déclarer CSS, à savoir : 1. Utilisez la déclaration de balise de style dans la balise head ; 2. Utilisez la déclaration d'attribut de style sur la balise 3. Utilisez la balise de lien dans la balise head ; introduire le fichier CSS de déclarations externes.

Quelles sont les manières de déclarer du CSS ?

L'environnement de cet article : windows10, css3, cet article est applicable à toutes les marques d'ordinateurs.

(Partage vidéo d'apprentissage : tutoriel vidéo CSS)

Il existe trois façons de déclarer le CSS, à savoir :

1. Utiliser le style dans la tête. tag Déclaration de balise :

Fonction : Cette déclaration déclare généralement le style public de la page Web actuelle ou un style distinct pour une certaine balise

2. Utilisez l'attribut style sur la balise pour déclarer :

Fonction : Cette instruction appliquera directement le style CSS à la balise actuelle.

3. Utilisez la balise link dans la balise head pour introduire des fichiers CSS déclarés en externe.

Fonction : Cette déclaration équivaut à un appel, ce qui résout le problème de réutilisation des styles entre différentes pages Web

Avantages :

Déclarez une fois, utilisez n'importe où

Remarque : L'utilisation de différentes méthodes de déclaration sur la même page suit le principe de proximité.

Exemple :

<!DOCTYPE html>
<html>
	<head>		
		<meta charset="utf-8">
		<title></title>
	<!--方式一声明-->
		<style type="text/css">
			hr{
				width: 100%;
				height: 50px;
				color: #000000;
				background: #808080;
			}
		</style>
		<!--方式三声明-->
		<link rel="stylesheet" type="text/css" href="my.css"/>
	</head>
			
	<body>
		测试声明方式一
		<hr > </hr>
		<!--方式二声明-->
		<h1 style="background: #151515;color: aqua;">测试声明方式二</h1>
		<h2>测试声明方式三</h2>
	</body>
</html>

Recommandations associées : Tutoriel CSS

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!

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:Qu'est-ce que float en CSSArticle suivant:Qu'est-ce que float en CSS