Wie schreibt man Inline-CSS?

藏色散人
Freigeben: 2021-06-08 14:44:54
Original
3163 Leute haben es durchsucht

Inline-CSS wird wie folgt geschrieben: „

...

“ oder „

. ..

“; Mit dem Inline-CSS-Stylesheet wird CSS-Code direkt in vorhandene HTML-Tags geschrieben.

Wie schreibt man Inline-CSS?

Die Betriebsumgebung dieses Artikels: Windows7-System, CSS3-Version, Dell G3-Computer.

Wie schreibt man Inline-CSS?

Inline-CSS-Stylesheet besteht darin, den CSS-Code direkt in das vorhandene HTML-Tag zu schreiben, z. B. den folgenden Code:

<p style="color:red">这里文字是红色。</p>
Nach dem Login kopieren

Achten Sie darauf, ihn in das Start-Tag des Elements zu schreiben:

<p>这里文字是红色。</p style="color:red">
Nach dem Login kopieren

Und der CSS-Stilcode muss in doppelten Anführungszeichen „style="“ geschrieben werden. Wenn mehrere CSS-Stilcodeeinstellungen vorhanden sind, können diese zusammen geschrieben und durch Semikolons getrennt werden. Der folgende Code:

Der Text hier ist rot.

Beispiel:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>认识html标签</title>
<style type="text/css">
span{
   color:red;
}
</style>
</head>
<body>
    <p style="color:blue">xx网,<span>超酷的互联网</span>、IT技术免费学习平台,创新的网络一站式学习、实践体验;
    <span>服务及时贴心</span>,内容专业、<span>有趣易学</span>。专注服务互联网工程师快速成为技术高手!</p>
</body>
</html>
Nach dem Login kopieren

(Lernvideo-Sharing: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonWie schreibt man Inline-CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
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 Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage