Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Wo kann CSS-Code in HTML platziert werden?

奋力向前
Freigeben: 2023-01-07 11:47:24
Original
8947 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.

Beispiel:

rrreee

Erweiterte Kenntnisse:

🎜HTMLs vollständiger Name ist Hypertext Markup Language, eine Auszeichnungssprache, die eine Reihe von Tags enthält. Diese Tags können die Dokumentformate im Netzwerk vereinheitlichen und verstreute Internetressourcen zu einem logischen Ganzen verbinden. HTML-Befehle können Text, Grafiken, Animationen, Sounds, Tabellen und Links usw. beschreiben. Wird hauptsächlich in Verbindung mit CSS + JS verwendet, um elegante Front-End-Webseiten zu erstellen. 🎜🎜Empfohlenes Lernen: 🎜CSS-Video-Tutorial🎜🎜

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage