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!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
