Heim > Artikel > Web-Frontend > Beschreiben Sie kurz die vier Arten, CSS zu schreiben

Beschreiben Sie kurz die vier Arten, CSS zu schreiben

巴扎黑Original: 2017-03-14 11:55:052553Durchsuche

Priorität: Externer Stil < Interner Stylesheet

Priorität, das heißt: die rechte Seite des Selektors mit derselben Name deckt die linke Seite ab

1. Internes Stylesheet

<head>    

        <style>    

            /*内部样式表，一般用于覆盖公用样式*/   

            ＃headTip {    

                color: 0xff5;    

             }    

        </style>    

    </head>

2. Verwendung Link-Tag, in Die Verwendung externer Ressourcen wird im Dokument deklariert, was die gebräuchlichste Methode ist.

Das @CHARSET="utf-8"; das die Kodierung des externen CSS-Stylesheets angibt, muss in der ersten Zeile platziert werden.

<head>   

        <link href="./my-common.css" rel="stylesheet" media="screen" type="text/css"/>   

    </head>

3.@ Methode, CSS einführen, beachten Sie, dass dies asynchron geladen wird und nach dem Laden des gesamten HTML geladen wird, was dazu führt Die Seite blinkt. Nicht empfohlen.

<head>    

        <style>    

            @import &#39;my-common.css&#39;;    

        </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 die kurze Diskussion des Herausgebers über die vier Schreibmethoden von CSS (ein Artikel, den jeder lesen muss). Unterstützen Sie Script House~

Das obige ist der detaillierte Inhalt vonBeschreiben Sie kurz die vier Arten, CSS zu schreiben. 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：Einführung der rem-Einheit in CSSNächster Artikel：Einführung der rem-Einheit in CSS

In Verbindung stehende Artikel

Mehr sehen