Maison > Article > interface Web > Que signifie le style ?

Que signifie le style ?

不言original: 2019-01-08 13:46:2843862parcourir

Nous utilisons souvent un attribut de style lors de l'apprentissage des connaissances front-end, alors que signifie le style ? Dans cet article, nous vous présenterons la signification du style. Examinons le contenu spécifique ci-dessous. La balise

c9ccee2e6ea535a969eb3f532ad9fe89 est utilisée pour définir les informations de style pour les documents HTML. Dans style, vous pouvez spécifier la manière dont le document HTML est rendu dans le navigateur.

L'attribut type est obligatoire et définit le contenu de l'élément style. La seule valeur possible est "text/css", où l'élément de style se trouve dans la section head.

En bref, nous pouvons écrire divers contenus CSS et écrire différents styles de CSS dans la balise style. Regardons des exemples spécifiques

Le code est le suivant

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		.test{
			height: 200px;
			width: 200px;
			background: skyblue;
		}
	</style>
</head>
<body>
<div class="test"></div>
</body>
</html>

<.>Effet de course

Que signifie le style ?

Nous définissons un carré d'une largeur et d'une hauteur de 200px dans le style et une couleur de fond bleu ciel. Le

style peut également être utilisé directement dans les balises. L'exemple est le suivant

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
<div style="width: 200px;height: 200px;background: lightgreen;"></div>
</body>
</html>

L'effet est le suivant : Vous pouvez également définir un carré d'une largeur et d'une hauteur de 200px et. une couleur de fond vert clair.

Que signifie le style ?

Cet article se termine ici. Pour un contenu plus passionnant, vous pouvez suivre le site Web php chinois ! ! !

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：Trois façons d'implémenter une disposition à hauteur égale avec CSS (exemple de code)Article suivant：Trois façons d'implémenter une disposition à hauteur égale avec CSS (exemple de code)

Articles Liés

Voir plus