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 '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 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!