Heim > Web-Frontend > CSS-Tutorial > Welche Arten von CSS-Stilen gibt es? Zusammenfassung der drei Methoden des CSS-Stylesheets (mit Code)

Welche Arten von CSS-Stilen gibt es? Zusammenfassung der drei Methoden des CSS-Stylesheets (mit Code)

不言
Freigeben: 2018-08-02 16:52:09
Original
8813 Leute haben es durchsucht

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 -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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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