Wo kann CSS-Code in HTML platziert werden?-CSS-Tutorial-php.cn

Wo kann CSS-Code in HTML platziert werden?

奋力向前

Freigeben： 2023-01-07 11:47:24

Original

8923 Leute haben es durchsucht

Der Speicherort des CSS-Codes: 1. Verwenden Sie direkt das Style-Attribut und fügen Sie es mit der Syntax „“ in das HTML-Tag ein. 2. Verwenden Sie das Style-Tag, um das CSS zu schreiben Code im Kopf des Dokuments Im externen Tag lautet die Syntax „“.

Wo kann CSS-Code in HTML platziert werden?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3- und HTML5-Version, Dell G3-Computer.

In HTML die Platzierungsposition des CSS-Codes

1. Verwenden Sie direkt das Stilattribut und fügen Sie es in das HTML-Tag ein

Das grundlegende Syntaxformat lautet wie folgt:

<element style="value">

Nach dem Login kopieren

In der Syntax style ist ein Tag-Attribut. Tatsächlich verfügt jedes HTML-Tag über das Attribut style, mit dem der Inline-Stil festgelegt wird. Die Schreibspezifikationen von Attributen und Werten entsprechen den CSS-Stilregeln. Der Inline-Stil wirkt sich nur auf das Tag aus, in dem es sich befindet, und auf die darin verschachtelten Untertags. style是标签的属性，实际上任何HTML标签都拥有style属性，用来设置行内式。其中属性和值的书写规范与CSS样式规则相同，行内式只对其所在的标签及嵌套在其中的子标签起作用。

建议不要使用内联CSS，因为每个HTML标记都需要单独设置样式，如果您只使用内联CSS，管理网站可能会变得十分困难。但是，它在某些情况下很有用。例如，在您无法访问CSS文件或仅需要为单个元素应用样式的情况下。带有内联CSS的HTML页面示例如下所示：

Hostinger Tutorials

Something usefull here.

2、使用style标签把css代码集中写在HTML文档的head头部标签中

基本语法格式如下：

<head>
<style type="text/css">
css代码
</style>
</head>

Nach dem Login kopieren

语法中，style标签一般位于head标签中title标签之后，也可以把他放在HTML文档的任何地方。

style type="text/CSS"

Es wird empfohlen, kein Inline-CSS zu verwenden, da jedes HTML-Tag separat gestaltet werden muss und die Verwaltung der Website sehr schwierig werden kann, wenn Sie nur Inline-CSS verwenden. In bestimmten Situationen kann es jedoch nützlich sein. Beispielsweise in Situationen, in denen Sie keinen Zugriff auf CSS-Dateien haben oder Stile nur auf ein einzelnes Element anwenden müssen. Ein Beispiel einer HTML-Seite mit Inline-CSS sieht so aus:

<head>
<style type="text/css">
p {color:white; font-size: 10px;}
.center {display: block; margin: 0 auto;}
#button-go, #button-back {border: solid 1px black;}
</style>
</head>

Nach dem Login kopieren

In der Syntax befindet sich das style-Tag im Allgemeinen nach dem title-Tag im head-Tag und kann es auch sein an einer beliebigen Stelle im HTML-Dokument platziert werden. style type="text/CSS" kann in HTML5 weggelassen werden und entspricht eher den Spezifikationen, sodass Sie es an dieser Stelle schreiben oder weglassen können.

Das obige ist der detaillierte Inhalt vonWo kann CSS-Code in HTML platziert werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!