Welche drei Möglichkeiten gibt es, CSS in HTML zu implementieren?

Drei Implementierungsmethoden: 1. Verwenden Sie das Style-Attribut im HTML-Tag, um den CSS-Stil zu definieren. 2. Schreiben Sie den CSS-Stil in das Tag „<style></style>“. 3. Über das Tag „< ;link>“ werden externe CSS-Stildateien eingeführt.

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

CSS-Stilreferenzen sind auf drei Arten verfügbar. Sie werden inline definiert, mit internem CSS verknüpft und mit externem CSS verknüpft.

1. Inline-Definition

Inline-Definition, d. h. Verwendung des Stilattributs des Objekts innerhalb des Objekt-Tags, um die anwendbaren Stylesheet-Attribute zu definieren: <p style="content"> </p>, das folgende Beispiel <p style="内容"></p>，如下示例

浏览器此时显示内容

2、链入内部CSS

CSS内链接是由<style></style>标记对放在中，在

<style type="text/css">
   /*这里写CSS内容*/
 </style>

示例如下：

  

效果图如下：

3、链接外部CSS

css外链接是把CSS文件放在网页外面，通过链接使CSS文件对本网页的样式有效，就相当于C语言的.h文件喽。

里面的属性有type、rel、href，其中type固定为text/css，rel（即样式表）固定为stylesheet

Der Browser zeigt den Inhalt zu diesem Zeitpunkt an

2. Link zum internen CSS

Der Link innerhalb von CSS besteht aus dem Tag-Paar <style></style>, das in , es gibt ein Typattribut type in <style>, gefolgt von test/css, das CSS-Text darstellt. Das Syntaxformat ist wie folgt: <p><pre class='brush:php;toolbar:false;'> &lt;link type=&quot;text/css&quot; rel=&quot;stylesheet&quot; href=&quot;css文件的存放地址&quot;&gt;</pre><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/062/49065a1a3d07dd79e024ffc3a55dbae1-6.png?x-oss-process=image/resize,p_40" class="lazy" alt=""/>Das Beispiel ist wie folgt: <br/> <img src="https://img. php.cn/upload/article/000/000/062/d1e6522773cbacfba30f8749ca281c2a-2.png?x-oss-process=image/resize,p_40" alt=""/><p><a href="https://www.php.cn/course/list/12.html" target="_blank">Die Darstellung ist wie folgt:< img src="https://img.php.cn/upload /article/000/000/062/e4e0a54253286b84b9ee1109dacd1e93-3.png" alt=""/>🎜🎜🎜🎜3. Link zu externem CSS🎜🎜🎜css Mit dem externen Link wird die CSS-Datei über den Link <link> außerhalb der Webseite platziert. Machen Sie die CSS-Datei für den Stil dieser Webseite gültig, was der Datei <code>.h</style> in C entspricht Sprache. 🎜🎜Zu den darin enthaltenen Attributen gehören Typ, rel und href, wobei Typ auf text/css und rel (d. h. Stylesheet) auf stylesheetfestgelegt ist > und href ist natürlich. Es bezieht sich auf die Adresse der CSS-Datei. Das Syntaxformat lautet: 🎜rrreee🎜 Der Beispielcode lautet wie folgt: 🎜🎜 🎜🎜🎜 Der Inhalt von web.css ist 🎜🎜 🎜🎜🎜 Der Effekt ist wie folgt 🎜🎜🎜🎜🎜🎜Lernvideo-Sharing: 🎜CSS-Video-Tutorial🎜🎜

Das obige ist der detaillierte Inhalt vonWelche drei Möglichkeiten gibt es, CSS in HTML zu implementieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!