Priorität: Externer Stil
Priorität, das heißt: Die rechte Seite des Selektors mit demselben Namen deckt die linke Seite ab
1. Internes Stylesheet
<head> <style> /*内部样式表,一般用于覆盖公用样式*/ #headTip { color: 0xff5; } </style></head>
2. Verwenden Sie das Link-Tag, um die Verwendung externer Ressourcen im Dokument zu deklarieren, was die häufigste Methode ist.
@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 diese asynchron geladen wird und erst nach dem Laden des gesamten HTML-Codes geladen wird, was zum Flackern der Seite führt. 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>