Heim >Web-Frontend >CSS-Tutorial >Vier Möglichkeiten, CSS zu schreiben
Vier Möglichkeiten, CSS zu schreiben
- 高洛峰Original
- 2016-10-20 13:28:051432Durchsuche
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>