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 „c9ccee2e6ea535a969eb3f532ad9fe89531ac245ce3e4fe3d50054a55f265927“. 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: 9a295afe555e83984609d6c6779e6cab 94b3e26ee717c64999d7867364b1b4a3, das folgende Beispiel 50322b0f5330a302f6b24d1aac5e2bf594b3e26ee717c64999d7867364b1b4a3，如下示例

浏览器此时显示内容

2、链入内部CSS

CSS内链接是由c9ccee2e6ea535a969eb3f532ad9fe89531ac245ce3e4fe3d50054a55f265927标记对放在93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1中，在c9ccee2e6ea535a969eb3f532ad9fe89中有一个类型属性type，后面接test/css，表示CSS文本，语法格式如下：

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

示例如下：

  

效果图如下：

3、链接外部CSS

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

2cdf5bf648cf2f33323966d7f58a7f3f里面的属性有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 c9ccee2e6ea535a969eb3f532ad9fe89531ac245ce3e4fe3d50054a55f265927, das in <head&gt platziert ist ;9c3bca370b5104690d9ef395f2c5f8d1, es gibt ein Typattribut type in c9ccee2e6ea535a969eb3f532ad9fe89, gefolgt von test/css, das CSS-Text darstellt. Das Syntaxformat ist wie folgt: <p><pre class="brush:html;toolbar:false"> &lt;link type=&quot;text/css&quot; rel=&quot;stylesheet&quot; href=&quot;css文件的存放地址&quot;&gt;</pre><img src="https://img.php.cn/upload/article/000/000/062/49065a1a3d07dd79e024ffc3a55dbae1-6.png" alt="">Das Beispiel ist wie folgt: <br></p> <img src="https://img.%20php.cn/upload/article/000/000/062/d1e6522773cbacfba30f8749ca281c2a-2.png" alt=""><p><a href="https://www.php.cn/course/list/12.html" target="_blank">Die Darstellung ist wie folgt:</a></p>🎜🎜🎜🎜3. Link zu externem CSS🎜🎜🎜css Mit dem externen Link wird die CSS-Datei über den Link 2cdf5bf648cf2f33323966d7f58a7f3f außerhalb der Webseite platziert. Machen Sie die CSS-Datei für den Stil dieser Webseite gültig, was der Datei <code>.h in C entspricht Sprache. 🎜🎜2cdf5bf648cf2f33323966d7f58a7f3fZu 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!