Welche Arten von CSS-Stilen gibt es? Die Formen der CSS-Codeeinfügung können grundsätzlich in die folgenden drei Typen unterteilt werden: Inline, eingebettet und extern. Ihre Priorität ist: Inline > Spezifischer Inhalt und Code der drei CSS-Stiltypen.
Hinweis: Eingebettet>Der externe Stil hat eine Prämisse: Die Position des eingebetteten CSS-Stils muss hinter dem externen Stil liegen. Im richtigen Code-Editor steht beispielsweise der Code vor dem Code
Tatsächlich handelt es sich im Allgemeinen um das Näherungsprinzip (je näher am gesetzten Element, desto höher die Priorität).
Beachten Sie jedoch, dass die oben zusammengefasste Priorität auf einer Prämisse basiert: CSS-Stile in Inline-, eingebetteten und externen Stylesheets haben das gleiche Gewicht.
1. CSS-Inline-Stylesheet
CSS-Stylesheet besteht darin, CSS-Code direkt in das vorhandene HTML-Tag zu schreiben, z. B. den folgenden Code:
<p style="color:red">这里文字是红色。</p>
Achten Sie darauf, es in das Start-Tag des Elements zu schreiben. Die folgende Schreibweise ist falsch:
<p>这里文字是红色。</p style="color:red">
Und der CSS-Stilcode muss in doppelten Anführungszeichen „style="“ geschrieben werden Codes Einstellungen können zusammen geschrieben werden, getrennt durch Semikolons. Der folgende Code:
<p style="color:red;font-size:12px">这里文字是红色。</p>
2. CSS-eingebettetes Stylesheet
Eingebetteter CSS-Stil bedeutet, dass Sie den CSS-Stilcode in -Tags. Der folgende Code setzt beispielsweise den Text in den drei -Tags auf Rot:
<!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>php中文网,<span style="color:blue">一级棒的网站</span>、教程,手册,视频,mysql,免费php在线学习平台;<span>资源免费</span>,内容专业、<span>讲师专业</span>。专注让你成为php高手!</p> </body> </html>
Der eingebettete CSS-Stil muss zwischen geschrieben werden und wird im Allgemeinen eingebettet Der CSS-Stil wird zwischen
geschrieben. Wie zum Beispiel der Code im Editor rechts.<style type="text/css"> span{ color:red; } </style>
3. Externer CSS-Stil (auch externer Stil genannt) ist das Schreiben des CSS-Codes in eine separate externe Datei hat „“ als Erweiterung und das -Tag wird innerhalb des
-Tags (nicht innerhalb des