Heim > Artikel > Web-Frontend > Detaillierte Erläuterung der vier Schreibmethoden von CSS

Detaillierte Erläuterung der vier Schreibmethoden von CSS

高洛峰Original: 2017-03-17 11:54:401239Durchsuche

Priorität: Externer Stil < Internes Stylesheet

Priorität, das heißt: Die rechte Seite des Selektors mit demselben Namen überschreibt die linke Seite

1. Interne Stiltabelle

<head>
    <style>
        /*内部样式表，一般用于覆盖公用样式*/
        ＃headTip {
            color: 0xff5;
         }
    </style></head></p>
<p></p>
<p> 2. Verwenden Sie das Link-Tag, um die Verwendung externer Ressourcen im Dokument zu deklarieren, was die gebräuchlichste Methode ist. </p>
<p>@CHARSET="utf-8"; das die Kodierung des externen CSS-Stylesheets angibt, muss in der ersten Zeile platziert werden. </p>
<p class="cnblogs_code"></p>
<pre class="brush:php;toolbar:false"><span style="color: #0000ff"><</span><span style="color: #800000">head</span><span style="color: #0000ff">></span>
    <span style="color: #0000ff"><</span><span style="color: #800000">link </span><span style="color: #ff0000">href</span><span style="color: #0000ff">="./my-common.css"</span><span style="color: #ff0000"> rel</span><span style="color: #0000ff">="stylesheet"</span><span style="color: #ff0000"> media</span><span style="color: #0000ff">="screen"</span><span style="color: #ff0000"> type</span><span style="color: #0000ff">="text/css"</span><span style="color: #0000ff">/></span><span style="color: #0000ff"></</span><span style="color: #800000">head</span><span style="color: #0000ff">><br></span>

3.@ Methode, Einführung von CSS. Beachten Sie, dass dies asynchron geladen wird und erst nach dem Laden des gesamten HTML-Codes geladen wird, wodurch die Seite aufgerufen wird flackern. Nicht empfohlen.

<head>
    <style>
        @import 'my-common.css';    </style></head>

4. Inline-Stylesheets haben die höchste Priorität und sind am einfachsten, aber sie können nicht wiederverwendet werden und sind nicht einfach zu warten.

<body>
    <input type="text" style="color:0x550;font-size:30px;"/></body>

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der vier Schreibmethoden von CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

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

Vorheriger Artikel：Detaillierte Beschreibung von CSS in JavaWebNächster Artikel：Detaillierte Beschreibung von CSS in JavaWeb

In Verbindung stehende Artikel

Mehr sehen