Heim > Artikel > Web-Frontend > Wo kann CSS-Code in HTML platziert werden?
Wo kann CSS-Code in HTML platziert werden?
- 奋力向前Original
- 2021-09-07 12:06:038932Durchsuche
Der Speicherort des CSS-Codes: 1. Verwenden Sie direkt das Style-Attribut und fügen Sie es mit der Syntax „36643f942ea2f34798a5b9cbba7e26c6“ 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 „c9ccee2e6ea535a969eb3f532ad9fe89css code531ac245ce3e4fe3d50054a55f265927“.
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">
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>
语法中，style标签一般位于head标签中title标签之后，也可以把他放在HTML文档的任何地方。
style type="text/CSS"
<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>
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> kann in HTML5 weggelassen werden und entspricht eher den Spezifikationen, sodass Sie es an dieser Stelle schreiben oder weglassen können.
rrreee
🎜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!
In Verbindung stehende Artikel
Mehr sehen- Bringen Sie Ihnen Schritt für Schritt bei, wie Sie mit CSS3 einen coolen Navigationsleisteneffekt erstellen (detaillierte Codeerklärung).
- Bringen Sie Ihnen Schritt für Schritt bei, wie Sie mit CSS Text erstellen, um eine Frame-für-Frame-Animation (mit Code) zu erstellen.
- So lösen Sie das Problem der Fehlerberichterstattung bei der Einführung von CSS in VueJS
- So ändern Sie Zeilenelemente in Blockelemente in CSS
- So zentrieren Sie die Seite in CSS