CSS kommentiert

Alle Programmiersprachen ermöglichen Kommentaren und andere Tipps, um die Bedeutung des Codes zu verstehen. Nicht alle CSS -Code sind so klar wie font-size: 20px, daher können einige Snippets vom Hinzufügen von Kommentaren oder anderen Eingabeaufforderungen in ihrer Nähe profitieren. Hier ist ein Beispiel:

<code class="language-css">.cf {
  zoom: 1; /* 用于IE6和IE7 */
}</code>

Der Kommentar in dieser Codezeile ist das Teil "für IE6 und IE7", der einen führenden Backslash hat, gefolgt von einem Sternchen, und der Stern und den Backslash am Ende erkennen es. Wir können so viele solcher Kommentare zu einem Stylesheet hinzufügen, und verwenden CSS -Kommentare, um Teile eines Stilblatts zu identifizieren, die auf einen Blick schwer zu erkennen sind. Durch das Lesen von Stilblättern mit CSS -Anmerkungen wird CSS in Zukunft leichter aufrechterhalten sein. CSS -Kommentare können bei Bedarf mehrere Zeilen umfassen. Alles zwischen den Start- und End -Kommentar -Charakteren wird vom Browser ignoriert, und die Kommentarfiguren selbst werden ignoriert. Daher sehen Sie häufig Folgendes in Ihrer CSS -Datei:

<code class="language-css">/***************************
****************************
这些是
页眉部分的样式
****************************
***************************/</code>

Beachten Sie, dass ich in diesem Beispiel nicht nur die Start- und End -Stern- und Backslash -Zeichen beigefügt habe, sondern auch einige zusätzliche Sternchen -Zeichen hinzugefügt habe, die mehrere Zeilen umfassen. Dies erleichtert einfach, Kommentare beim Scrollen durch CSS -Dateien zu finden. Das Hinzufügen solcher Abschnittstitel in CSS hilft, sie in einfach zu lesende Codeblöcken zu organisieren. Leider hat CSS keine einfache Möglichkeit, gültige Einzellinien-Kommentare zu rendern, die nur die Kombination aus dem Startkommentar verwenden. In JavaScript können Sie beispielsweise eine Codezeile wie folgt kommentieren:

<code class="language-javascript">// 这是一个JavaScript注释</code>

Dies ist in JavaScript nützlich, da es die gesamte Codezeile leicht ungültig machen oder nützliche Kommentare mit nur zwei Zeichen (Backslash) hinzufügen kann. In CSS müssen sowohl die Start- als auch die Endzeichen verwendet werden, um die Grenzen aller Kommentare anzugeben. Für schnelle vorübergehende Korrekturen kann jedoch eine Pseudo-CSS-Annotation erstellt werden, indem das CSS-Fehlerprinzip angewendet wird, das wir im vorherigen Abschnitt erörtert haben. Angenommen, wir haben das folgende CSS:

<code class="language-css">.center-global {
  max-width: 1020px;
  margin: 0 auto;
}</code>

und nehmen Sie an, wir möchten die erste Zeile vorübergehend löschen (max-width Deklaration). Wir können das tun:

<code class="language-css">.center-global {
  /* max-width: 1020px; */
  margin: 0 auto;
}</code>

Dies funktioniert einwandfrei, aber ein schnellerer Weg ist es, einfach einige zufällige Zeichen zu Beginn der Zeile zu platzieren, wie SO:

<code class="language-css">.center-global {
  AAAAmax-width: 1020px;
  margin: 0 auto;
}</code>

Es ist schnell und effizient, behalten Sie solche CSS jedoch nie auf der Veranstaltungswebsite. Es ist kein gültiges CSS und sollte nur zum schnellen Debuggen in der Entwicklung verwendet werden.

FAQs über CSS -Kommentare (FAQ)

Was ist der Zweck der Verwendung von CSS -Anmerkungen?

Anmerkungen in CSS werden aus verschiedenen Gründen verwendet. Sie können verwendet werden, um den Zweck eines bestimmten Codesegments zu erklären, was es anderen (oder sogar später selbst) erleichtert, die Rolle des Codes zu verstehen. Kommentare können auch verwendet werden, um das Code -Snippet während des Debuggens vorübergehend zu deaktivieren, ohne ihn zu entfernen. Dies ist besonders nützlich, wenn Sie verschiedene Stile oder Layouts testen.

Wie schreibe ich Kommentare in CSS?

In CSS werden Kommentare geschrieben, indem Text zwischen /* und */ eingeschlossen ist. Zum Beispiel /*这是一个注释*/. Alles zwischen diesen Symbolen wird vom Browser ignoriert, sodass Sie Kommentare schreiben oder Snippets vorübergehend deaktivieren können.

Kann ich CSS -Kommentare verwenden, um Code -Snippets zu deaktivieren?

Ja, Sie können CSS -Kommentare verwenden, um den Ausschnitt vorübergehend zu deaktivieren. Dies kann nützlich sein, wenn Sie verschiedene Stile debuggen oder testen. Schalten Sie dazu einfach das Codesegment ein, das Sie zwischen /* und */ deaktivieren möchten. Zum Beispiel /* p { color: red; } */. Der Browser ignoriert alles zwischen diesen Symbolen.

Gibt es verschiedene Arten von Kommentaren in CSS?

Nein, es gibt nur eine Art von Kommentar in CSS, die durch Einschließen von Text zwischen /* und */ geschrieben wird. Sie können jedoch Kommentare auf unterschiedliche Weise verwenden, z. B. Code interpretieren, Code deaktivieren oder Codesegmente trennen.

Kann ich CSS -Kommentare verwenden, um Codesegmente zu trennen?

Ja, Sie können CSS -Anmerkungen verwenden, um Code -Snippets zu trennen und zu organisieren. Dadurch kann Ihr Code leichter zu lesen und zu verstehen. Sie können beispielsweise Kommentare verwenden, um verschiedene Teile eines Stylesheetes zu markieren, z. B. /* 页眉样式 */, /* 主要内容样式 */ und /* 页脚样式 */.

Können Kommentare in CSS mehrere Zeilen umfassen?

Ja, Kommentare in CSS können mehrere Zeilen umfassen. Alles zwischen /* und */ wird vom Browser ignoriert, egal wie viele Reihen es sich erstreckt. Dies kann nützlich sein, wenn Sie längere Erklärungen schreiben oder größere Snippets deaktivieren müssen.

Kann ich Kommentare in CSS nisten?

Nein, Sie können Kommentare in CSS nicht nisten. Wenn Sie versuchen, Kommentare zu nisten, interpretiert der Browser das Ende des ersten Kommentars als Ende des gesamten Kommentars, was zu unerwarteten Ergebnissen führen kann. Wenn Sie einen Kommentar in einem Kommentar schreiben müssen, sollten Sie den ersten Kommentar beenden, einen zweiten Kommentar schreiben und dann einen neuen Kommentar starten.

wirken sich Kommentare in CSS auf die Leistung der Website aus?

Nein, Kommentare in CSS haben keinen Einfluss auf die Leistung der Website. Der Browser ignoriert einfach alles zwischen /* und */, sodass er sich nicht auf die Verarbeitung von CSS oder die Rendern der Website auswirkt.

Kann ich CSS-Anmerkungen verwenden, um eine To-Do-Liste zu erstellen?

Ja, Sie können CSS-Anmerkungen verwenden, um eine To-Do-Liste zu erstellen. Dies kann eine nützliche Möglichkeit sein, Änderungen zu verfolgen, die Sie vornehmen müssen, oder Funktionen, die Sie hinzufügen möchten. Zum Beispiel können Sie Kommentare wie /* TODO：为新窗口小部件添加样式 */ schreiben.

Können Website -Besucher die Kommentare in CSS sehen?

Nein, Website -Besucher können die Kommentare in CSS nicht sehen. Sie sind nur im Quellcode sichtbar und können durch die rechte Klicken auf der Webseite angezeigt und "Seitenquellencode" oder "überprüfen" auswählen. Es ist jedoch erwähnenswert, dass jeder, der sich den Quellcode ansieht, die Kommentare sehen kann. Sie sollten daher vermeiden, sensible Informationen in die Kommentare aufzunehmen.

Das obige ist der detaillierte Inhalt vonCSS kommentiert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!