Sollte CSS horizontal oder vertikal geschrieben werden?

Verschiedene CSS-Schreibmethoden haben unterschiedliche Vorteile. Beispielsweise wird CSS während der Entwicklung vertikal geschrieben, gemäß den Spezifikationen codiert und das Format wird eingerückt. Erstens ist der Code gut lesbar und zweitens ist er leicht zu debuggen Wenn Sie online gehen, wird CSS horizontal geschrieben. Sie können Build-Tools wie gulp oder grunt verwenden, um Skripte zu schreiben, CSS zu optimieren, die CSS-Größe zu reduzieren und den generierten Code horizontal zu machen.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3-Version, Dell G3-Computer.

Soll CSS horizontal oder vertikal geschrieben werden?

Entwicklung: Vertikal schreiben, Code gemäß Spezifikationen, Formateinrückung, erstens ist der Code gut lesbar und zweitens ist er leicht zu debuggen

Online: Verwenden Sie Build-Tools wie gulp oder grunt, um Skripte zu schreiben und CSS zu optimieren , CSS-Größe reduzieren und generieren. Der Code wird horizontal

Erweiterung:

Vertikale Schreibfunktionen:

Jede CSS-Eigenschaft befindet sich in einer separaten Zeile und im Allgemeinen gibt es keine Zeilenumbrüche oder horizontalen Bildlaufleisten.

Sie können das Modul über Firebug und andere Tools finden und es mit Strg + G in DW finden, sodass es leicht geändert werden kann.

Zwischen den Attributabsätzen gibt es Einzüge, um sicherzustellen, dass der Code sauber und hierarchisch ist, den Codespezifikationen der Programmiersprache entspricht und Änderungen intuitiver sind.

Vorhandene Probleme: redundanter Code (z. B. Leerzeichen, Tabulatoren, Zeilenumbrüche); erhöhte vertikale Bildlaufleisten;

Horizontale Schreibfunktionen:

Maximiert die Platznutzung, kann mehr auf einem einzigen Bildschirm anzeigen, verringert die Wahrscheinlichkeit vertikaler Bildlaufleisten und kann schnell mehr Informationen erfassen.

Reduzierte Dateigröße, wodurch unnötige Leerzeichen, Zeilenumbrüche usw. vermieden werden.

Horizontales Schreiben erleichtert die Segmentierung und Annotation, erleichtert die Anzeige der CSS-Struktur und die Auswahl ist auf einen Blick klar. Heutige Monitore werden immer größer und breiter und können grundsätzlich alles in einer Zeile darstellen.

Beschleunigen Sie das Schreiben von CSS, ohne jedes Mal Zeilenumbrüche und Tabulatoren eingeben zu müssen, und reduzieren Sie die Häufigkeit, mit der Sie die Bildlaufleiste ziehen.

Wenn es sich um eine aktive Seite handelt, wird sie nicht für die Komprimierungsverarbeitung verwendet. Es wird empfohlen, CSS-Optimierer zu verwenden, um CSS zu optimieren. Beim horizontalen Schreiben gibt es jedoch grundsätzlich keine zusätzlichen Leerzeichen und Zeilenumbrüche, sodass keine Komprimierung erforderlich ist, sodass Effizienz und Funktionen verbessert werden.

Leicht zu lesen und verwandte Strukturen zu finden. Code-Editoren sind relativ gut darin, die Anzahl der Peers zu lokalisieren. Wir müssen also herausfinden, wie wir Ziele schnell vertikal lokalisieren können. Beim horizontalen Schreiben sind die Selektoren vertikal ausgerichtet und die Selektoren von

.class_name_2 .class_name_2_1 .class_name_2_1_1 sind klar geschichtet, sodass das Ziel leicht zu finden ist.

Beim Debuggen kleiner Fehler können Sie CSS-Änderungen direkt öffnen, ohne Firebug öffnen zu müssen, um das Modul zu finden.

Horizontales Schreiben basiert auf dem Schreiben von CSS-Selektoren. Die Ebenen sind leicht zu vergleichen und eignen sich besser für die Modularisierung. Es eignet sich gut für die gesamte CSS-Planung und weist niedrige Nachwartungskosten auf.

Einfacher Vergleich verschiedener Versionen von CSS-Code.

Bestehendes Problem: Die Schrift ist zu dicht, was das Lesen beeinträchtigt. Dieser Nachteil liegt auf der Hand, aber solange die Optimierung ordnungsgemäß durchgeführt wird, wird diese Situation selten sein.

Obwohl die Größe einer Webseitendatei in K bei der heutigen Bandbreite wirklich unbedeutend ist, ist die Optimierung der Webseitendatei in K auf ein Minimum immer noch eines der Probleme, die Webdesigner berücksichtigen sollten. Durch horizontales Schreiben werden unnötige Leerzeichen, Zeilenumbrüche usw. vermieden, wodurch die Dateigröße erheblich reduziert wird.

Wir können nicht sagen, welche Schreibmethode die richtige ist. Natürlich können sich ändernde Gewohnheiten auf die Arbeitseffizienz einer Person auswirken muss per Code formatiert werden, und diese Arbeit kann vollständig an Tools wie DW übergeben werden. Wir müssen nur einmal klicken und die gesamte Datei wird so dargestellt, wie wir es uns vorgestellt haben. Ein solcher Code sieht komfortabel aus, lässt sich leicht ändern und nachfolgende Übergaben zwischen Teammitgliedern werden reibungsloser.

Empfohlen: „CSS-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonSollte CSS horizontal oder vertikal geschrieben werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!