Was ist div+css

青灯夜游
青灯夜游Original
2021-04-02 16:10:244447Durchsuche

Div ist der Rahmen und CSS ist der Stil, der zum Dekorieren des Rahmens verwendet wird. Genauer gesagt ist Div für das Layout der gesamten Webseite verantwortlich, und CSS ist für die Steuerung des Div-Stils verantwortlich und wie das Div angezeigt werden soll, kann über CSS erreicht werden. Und div + CSS ist eine Webseiten-Layout-Methode, die sich auf die Steuerung des Div-Layouts über CSS bezieht.

Was ist div+css

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

div ist der Rahmen, CSS ist der Stil, der zum Dekorieren des Rahmens verwendet wird. JS bringt sie in Bewegung. Genauer gesagt ist div für das Layout der gesamten Webseite verantwortlich und CSS ist für die Steuerung des Div-Stils verantwortlich. Sie können CSS verwenden, um das div anzuzeigen, wo und wie Sie es möchten. Das Layout einer Webseite ist wie der Bau eines Hauses. Der Div ist dafür verantwortlich, das Haus zu bedecken, und CSS ist dafür verantwortlich, ihm zu sagen, wie er es bedecken soll.​

Und DIV+CSS ist ein WEB-Designstandard. Es handelt sich um eine Webseiten-Layout-Methode, die sich auf die Steuerung des Layouts von Divs durch CSS bezieht. Tatsächlich kann div hier als allgemeiner Begriff verstanden werden. In der tatsächlichen Anwendung kann nicht nur div, sondern auch die Positionierung beliebiger Knoten wie p, span, img, table usw. über CSS gesteuert werden.

Warum div+css anstelle von 〈table〉 verwenden?

Vor langer Zeit verwendeten Webentwickler Tabellen zum Layouten von Seiten (Beispiele für Tabellenlayoutanwendungen finden Sie immer noch in Googles Picasa und anderen Anwendungen), und jetzt verwenden sie die meisten Seiten Layouts empfehlen div+ CSS-Methode.

In der WEB-Frontend-Entwicklung repräsentieren die drei Troikas HTML, CSS und JS jeweils Struktur, Anzeige und Interaktion. Im Zeitalter von Web 1.0 ist die Logik der Seite nicht besonders komplex und die Anforderungen an die Benutzererfahrung sind nicht sehr hoch. Tabellen werden von einer großen Anzahl von Entwicklern als Layoutelemente verwendet, die sowohl Struktur- als auch Anzeigeteile umfassen sehr "schwer" von.

Aber jetzt, da die Web-Frontend-Logik immer komplexer wird und die Anforderungen an die Benutzererfahrung immer höher werden, ist die Entkopplung dieser drei ein Muss. Derzeit ist es nicht sinnvoll, Tabellen für das Layout zu verwenden, da die Sprache des Tabellen-Tags überhaupt nicht für das Layout, sondern für die Datenübertragung verwendet wird. Und div + CSS steht im Einklang mit der Idee der Entkopplung. div wird zur Steuerung des Layouts und CSS zur Steuerung des Stils verwendet. Aus einer kleinen Perspektive besteht der Vorteil darin, dass die Code-Organisationsstruktur der gesamten Seite vernünftiger und der Kopplungsgrad geringer ist. Aus einer großen Perspektive ist es förderlicher für eine tiefgreifende Arbeitsteilung und eine komplexe Zusammenarbeit im Vorfeld. Entwicklung beenden.

Ein kurzer Vergleich:

1. Div+CSS ist flexibler als Tabellenlayout, wodurch der Code aufgebläht wird.

2. Semantische Probleme. Semantisch gesehen sollte eine Tabelle nur ein Container für Tabellendaten sein, kein Layout-Tool.

3. Problem bei der Stilwiedergabe. Das Tabellenlayout muss warten, bis der gesamte Inhalt geladen ist, bevor der Stil gerendert wird. Wenn die Internetgeschwindigkeit des Benutzers nicht gut ist, ist die Benutzererfahrung sehr schlecht.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmiervideos! !

Das obige ist der detaillierte Inhalt vonWas ist div+css. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Was ist ein CSS-Stylesheet?Nächster Artikel:Was ist ein CSS-Stylesheet?