English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS steht für Cascading Style Sheets (Kaskadensheet-Style). CSS ist eine Standard-Stilübersichtssprache, die zur Beschreibung der Darstellung von Webseiten (d.h. Layout und Format) verwendet wird.
Vor CSS enthielten fast alle Darstellungsformattattribute der HTML-Dokumente im HTML-Code (insbesondere in den HTML-Tags). Alle Schriftarten, Farben, Hintergrundstile, Elementausrichtungen, Ränder und Größen mussten im HTML klar beschrieben werden.
Die Konsequenz dieses Vorgehens ist, dass, da die Stileigenschaften wiederholt in jede Seite der Webseite eingefügt werden, die Entwicklung großer Websites ein langwieriger und kostspieliger Prozess wird und auch die Wartungskosten erhöht.
Um dieses Problem zu lösen, die World Wide Web Consortium (W3C）im1996im Jahr eingeführt, die Consortium auch die Standards beibehalten. CSS zielt darauf ab, die Darstellung und den Inhalt zu trennen. Jetzt können Web-Designer die Formatierungsinformationen der Webseite in eine separate Stilübersicht verschieben, was die HTML-Markierung erheblich vereinfacht und die Wartbarkeit verbessert.
CSS3ist die neueste Version des CSS-Standards. CSS3Neue Stileigenschaften und Verbesserungen hinzugefügt, um die Web-Darstellungsfunktionen zu stärken.
Hinweis:Unser CSS-Tutorial wird Ihnen helfen, schrittweise die neuesten CSS-Grundkenntnisse zu erlernen, die später auch besprochen werden3Grundkenntnisse des Stils, von den grundlegenden Themen bis zu den fortgeschrittenen Themen. Wenn Sie Anfänger sind, beginnen Sie bitte mit dem Grundlagenbereich und machen Sie jeden Tag einen kleinen Fortschritt durch das Lernen ein bisschen auf einmal.（oldtoolbag.com -Gute Grundkenntnisse sind der Schlüssel, um weiter voranzukommen!）
CSS kann noch mehr tun.
Sie können gleiche Stileregeln auf mehrere Elemente leicht anwenden.
Sie können eine Stilübersicht verwenden, um die Anzeige mehrerer Webseiten zu steuern.
Sie können auf verschiedenen Geräten die gleiche Seite auf unterschiedliche Weise anzeigen.
Sie können die Stile der dynamischen Zustände der Elemente (wie Hover, Fokus usw.) festlegen, die sonst nicht realisierbar wären.
Sie können den Ort der Elemente auf der Webseite ändern, ohne die Markierung zu ändern.
Sie können die Anzeige bestehender HTML-Elemente ändern.
Sie können in2Oder D3Transformationen, Skalierungen, Drehungen und Neigungen in D-Raum durchführen.
Sie können Animationen und Übergangseffekte erstellen, ohne JavaScript zu verwenden.
Sie können eine druckfreundliche Version der Webseite erstellen.
CSS hat viele Vorteile, die man nutzen kann. In den kommenden Kapiteln werden Sie alle diese Inhalte im Detail kennenlernen.
Der größte Vorteil von CSS ist, dass es das Styling und das Layout vom Inhalt der Dokumente trennt. Hier gibt es noch mehr Vorteile, warum sollte man CSS verwenden?
CSS spart viel Zeit. -CSS bietet eine Vielzahl von Flexibilitäten zur Festlegung von Stileigenschaften von Elementen. Sie können einmal CSS schreiben. Dieses gleiche Code kann auf HTML-Elementgruppen angewendet werden, kann aber auch in mehreren HTML-Seiten wiederverwendet werden.
Einfach zu warten — CSS bietet eine einfache Methode, um das Format des Dokuments zu aktualisieren und die Konsistenz zwischen mehreren Dokumenten zu erhalten. Da kann mit einer oder mehreren Stylesheets der gesamte Inhalt der gesamten Webseite leicht kontrolliert werden.
Schnellere Seitenladegeschwindigkeit -CSS ermöglicht es mehreren Seiten, Formatinformationen zu teilen, wodurch die Komplexität und Wiederholung der Dokumentstruktur und -inhalte verringert wird. Es verringert die Dateigröße der Dateiübertragung erheblich und beschleunigt daher den Ladevorgang der Seite.
HTML-Styles -CSS hat eine breitere Darstellungsfunktion als HTML und kann die Layout der Webseite besser steuern. Daher können Sie die Webseite besser aussehen lassen als mit HTML-Darstellungselementen und -Attributen.
Fähigkeit zur Kompatibilität mit mehreren Geräten -CSS ermöglicht es auch, Webseiten für verschiedene Arten von Geräten oder Medien zu optimieren. Mit CSS kann dasselbe HTML-Dokument mit verschiedenen Ansichtsstyles für verschiedene Darstellungseinheiten (z.B. Desktop, Mobiltelefon usw.) dargestellt werden.
Tipp:Wird heute in den meisten Fällen nicht empfohlen oder empfohlen.HTML-AttributeDaher ist es am besten, so viel CSS wie möglich zu verwenden, um die Anpassungsfähigkeit Ihrer Website zu verbessern und eine bessere Kompatibilität mit zukünftigen Browsern zu gewährleisten.
Dieser CSS-Tutorial-Bereich umfasst alle Grundlagen von CSS, einschließlich des Konzepts der Selektoren, Methoden zur Einstellung von Farben und Hintergründen, zur Formatierung von Schriften und Texten, zur Stilisierung von UI-Elementen wie Hyperlinks, Listen, Tabellen usw., sowie CSS-Framemodell, etc.
Nachdem Sie die Grundlagen gelernt haben, gehen Sie in den nächsten Level, der die Größen- und Ausrichtungseinstellungen der Elemente, Methoden zur Platzierung von Elementen auf der Webseite mit Image Sprites, sowie die Konzepte von relativen und assoziativen zeigt. Absoluten Einheiten, visuellen Formatierungmodellen, Anzeige und Sichtbarkeit, Ebenen, Pseudo-Klassen und Elementen, stylesheets, die mit Medien verbunden sind, etc.
Am Ende werden Sie CSS3Einige fortgeschrittene Funktionen, wie z.B. Gradientenfarben, Schatteneffekte,2D und3D-Transformation, Alpha-Transparenz, sowie Methoden zur Erstellung von Übergängen und Animationseffekten, Flexbox-Layout, Filtereffekte, Medien-Konzeptabfragen usw.
Tipp:Jedes Kapitel dieses Handbuchs enthält viele reale Beispiele, die Sie mit einem Online-Editor ausprobieren und testen können. Diese Beispiele helfen Ihnen, CSS-Konzepte und Anwendungen besser zu verstehen. Es enthält auch häufige Lösungen sowie nützliche Tipps und wichtige Hinweise.