Was ist ein CSS-Framework?

青灯夜游
Freigeben: 2023-01-06 11:12:19
Original
6749 Leute haben es durchsucht

CSS-Framework ist ein vorgefertigtes Software-Framework. Es handelt sich um eine Sammlung einer Reihe von CSS-Dateien, einschließlich grundlegender Elementrücksetzung, Seitenlayout, Rasterlayout, Formularstil, allgemeiner Regeln und anderer Codeblöcke zur Vereinfachung des Web-Frontends . Entwickeln Sie die Arbeit und verbessern Sie die Arbeitseffizienz.

Was ist ein CSS-Framework?

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

CSS-Framework ist ein vorgefertigtes Software-Framework, bei dem es sich um eine Sammlung einer Reihe von CSS-Dateien handelt. Einfach ausgedrückt handelt es sich um vorab geschriebenes CSS. Sie müssen lediglich einige bestimmte Klassen zu Ihren HTML-Elementen hinzufügen, um schnell die gewünschten Effekte zu erzielen.

Das CSS-Framework umfasst das Zurücksetzen grundlegender Elemente, das Seitenlayout, das Rasterlayout, den Formularstil, allgemeine Regeln und andere Codeblöcke, um die Web-Front-End-Entwicklungsarbeit zu vereinfachen und die Arbeitseffizienz zu verbessern.

Leistungsstärkere Frameworks sind außerdem mit mehr Funktionen und zusätzlichen JavaScript-basierten Funktionen ausgestattet. Zwei bemerkenswerte und weit verbreitete Beispiele sind Bootstrap und Foundation (Framework). Andere awsm.css, Flexify, Materialise, semantische Benutzeroberfläche.

Einige größere Frameworks verwenden CSS-Interpreter. Zum Beispiel LESS und Sass.

Ursache

Das Gleiche gilt für das Schreiben von CSS, von der bloßen Definition der Textfarbe und des Inhaltslayouts bis hin zur Definition aller Leistungen. Das CSS-Framework hat nach und nach mehr Aufmerksamkeit erhalten, da jeder erkennt, dass das Extrahieren abstrakter Module aus konkreten Ausdrücken zur Wiederverwendung das wichtigste Mittel ist, um Benutzer-Downloads zu reduzieren und die Team- und Einzelentwicklung zu erleichtern.

Funktionen

1. Abstrakte häufig verwendete CSS-Stile, hohe Wiederverwendbarkeit, hohe Portabilität

2. Verfügt über inhärente Definitionen, detaillierte Dokumentation und Entwicklungsfunktionen

3. Kann mit gängigen Browsern kompatibel sein

. Hauptsächlich CSS, aber nicht unbedingt alle CSS-Skripte.

Gemeinsame CSS-Frameworks sind:

1, basierend auf dem Front-End-Framework von CSS, JavaScript. und HTML, wobei CSS im Mittelpunkt steht.

Wird verwendet, um Responsive Design für verschiedene Endgeräte wie Computer, Mobiltelefone und Tablets zu implementieren, sodass ein Meeting von mehreren Endgeräten genutzt werden kann.

2. Foundation

Es ist eine Sammlung vieler Funktionen und die Grundlage für andere Frameworks in Mac/iOS.

Es handelt sich um ein professionelles Front-End-Framework, das Unternehmensunterstützung, Schulung und Beratung bietet. Es wurde auf große Websites wie Facebook, Mozilla und Ebay angewendet.

3. Pure

Es ist ein leichtes, reaktionsfähiges CSS-Framework.

Das Hauptmerkmal ist ein reines CSS-Framework ohne JavaScript-Code, das schneller rendert.

Lernvideo-Sharing:

CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas ist ein CSS-Framework?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage