Maison > interface Web > tutoriel HTML > Que signifie la balise de style HTML ? Explication détaillée sur la façon d'utiliser la balise de style

Que signifie la balise de style HTML ? Explication détaillée sur la façon d'utiliser la balise de style

寻∝梦
Libérer: 2018-08-22 13:58:39
original
16465 Les gens l'ont consulté

Cet article parle principalement de la définition et de l'introduction des attributs de la balise de style HTML. Tout d'abord, comprenons quelques utilisations et positions de la balise de style en HTML, puis introduisons quelques méthodes et techniques détaillées utilisées. regardez la définition et l'utilisation de la balise de style

html : la balise

, qui peut être body Cela peut aussi être h1, c'est-à-dire écrire tous les styles en ligne ensemble

Par exemple, si 10 balises sont toutes de la même classe, vous devez en écrire 10

<🎜. > dans le style en ligne et dans le style Écrivez-en simplement un.

Maintenant, tous sont des modèles de conception qui séparent la structure (html), le style (css) et le comportement (js)

<p id="xxx">===><style>#xxx{}</style>
<p class="xxx">===><style>.xxx{}</style>
<body></body>===><style>body{}</style>
Copier après la connexion

La balise de style est située dans la feuille de style CSS selon son emplacement Il y a trois positions :

1. Feuille de style en ligne

2. Feuille de style interne

3. >Détails ci-dessous Expliquez :

1. La feuille de style intégrée

est écrite dans la balise (Tag) qui l'utilise. Par exemple, pour l'utiliser dans la balise

🎜>

La syntaxe est :

2. La feuille de style interne

est différente de la feuille de style intégrée, qui est écrite dans le de l'heure de la page Web html, elle est donc valable pour toute cette page Web. Il est à noter que comme elle n'est pas écrite dans une certaine balise, vous devez faire attention lors de son écriture. Si vous souhaitez utiliser cette feuille de style dans cette balise, vous devez également l'écrire clairement lorsque vous la définissez, sinon cela entraînera. la page entière est encombrée de confusion. Par exemple :
<p style font-size:20pt>这段文字使用了内嵌样式表,更改了字体大小为20</p>
Copier après la connexion

Vous pouvez voir que lors de la définition d'une feuille de style interne, lorsque vous déclarez