Unterschied zwischen CSS3 und CSS

Eine moderne Website besteht aus drei verschiedenen Dateien oder Codes, HTML, JavaScript und CSS. HTM definiert die Struktur einer Website; JavaScript definiert, wie sich die Website verhalten wird. und CSS definiert das Gesamterscheinung und den Stil der Website. Die CSS -Spezifikationen werden vom W3C aufrechterhalten. Auf der einen Seite haben wir die Grundversion und auf der anderen Seite die neueste und leistungsstarke CSS3. Schauen wir uns die Unterschiede zwischen den beiden an.

Was ist CSS?

CSS ist kurz für Kaskadenstilblätter. Es gibt Ihnen kreative Kontrolle über das Gesamtdesign und das Layout Ihrer Webseiten. Der Zweck von CSS besteht darin, den Prozess des Styling -Webseiten zu optimieren. CSS ist eine einfache Designsprache, mit der Sie auffällige Webseiten erstellen können. Es hilft zu bestimmen, denkt wie Farbe, Schriftart, Positionierung bestimmter Elemente und ein wenig Animation. Wenn Sie Stile in diesen Textverarbeitungsprogrammen wie Microsoft Word- oder Seitenlayoutprogrammen wie Adobe InNesign verwendet haben, fühlt sich CSS Ihnen vertraut an. Jedes visuelle Element auf einer Website wie Hintergrund, Kästchen, Text, Header und Fußzeile kann buchstäblich alles mit CSS verändert werden.

Was ist CSS3?

CSS3 ist die neueste Iteration der Sprache der Cascading -Stilblätter und die Nummer 3 ist nicht nur ein Hinweis auf die neuen Funktionen im CSS, sondern die dritte Ebene im Fortschritt der CSS -Spezifikation. CSS3 ist die neue modulare Version der CSS -Spezifikation mit einigen aufregenden neuen Funktionen, um Ihr Webdesign auf ein ganz neues Niveau zu machen, sodass es einfacher und flexibler wird. Es handelt sich. Ein Teil dieser neuen Funktionalität ist nun die fortgesetzte Entwicklung von CSS durch das W3C, und ein weiterer Teil davon wird von einer neuen Generation von Browsern angetrieben, die speziell für Designer leistungsfähigere Tools zum Erstellen von Websites bereitstellen, um Websites zu erstellen. Es bringt eine Vielzahl neuer Funktionen und Ergänzungen wie fortschrittliche Selektoren, abgerundete Ecken, neue Layouts, Animationen oder Übergänge, Schatten, Gradienten, Farbauswahl und mehr.

Unterschied zwischen CSS3 und CSS

Selektoren

- Die Selektoren sind im Herzen der Kaskadierstilblätter, die im Grunde genommen Muster sind, die zur Auswahl der HTML -Elemente, die Sie stylen möchten. CSS3 verfügt über eine komplett neue, robuste Toolbox erweiterter Selektoren, mit der Sie spezifischere Elemente für das Styling auswählen können und gleichzeitig die Notwendigkeit dieser willkürlichen IDs und Klassen beseitigen, die Sie so oft enthalten. Mit einer so breiten Palette von Selektoren können Sie fast jedes Element der Seite ansprechen. CSS3 erhöht die Funktionalität der grundlegenden Attribut -Selektors, indem Sie Elemente basierend auf Zeichenfolgen innerhalb der Attributwerte auswählen können.

Farben

- CSS3 bietet einige aufregende neue Möglichkeiten, mit Farben zu spielen. Vorher wurden die Farben mit dem Hexadezimalformat deklariert - ein System der Nummerierung, das bei 00 beginnt und bei FF endet. Die CSS3 -Farbspezifikation definiert eine erweiterte Liste von Farbschlüsselwörtern, die von Webbrowsern unterstützt werden. Die Liste enthält jetzt zusätzliche 147 Farbschlüsselwörter und ein neues Modell namens "RGBA" (Zugabe von Alpha), das die Spezifikation der Opazität einer Farbe ermöglicht. Die wichtigste Änderung ist, dass Sie jetzt semitransparente Farben deklarieren können.

Grenzradius

- Das CSS-Border-Radius-Eigentum definiert abgerundete Ecken eines beliebigen Elements und ermöglicht es Ihnen, abgerundete Ecken in Ihren Designelementen leicht zu verwenden. Mit CSS3 können Sie sogar Bilder für Grenzen verwenden und abgerundete Ecken an Ihren Grenzen ohne die Bilder oder zusätzlichen Markups erstellen. Es verfügt auch über die Hinzufügung von Hintergrundeigenschaften wie die Fähigkeit, mehrere Hintergründe und Verbesserungen zu haben, um die Größe, Ausrichtung und das Ausschneiden von Hintergrundbild zu steuern. Mit der Box Shadow -Eigenschaft können Sie Elementen Tropfenschatten hinzufügen.

Textformatierung

- CSS3 bietet eine Menge Textformatierungseigenschaften, von denen viele bereits in CSS2 vorhanden sind, jedoch einige zusätzliche Funktionen wie die neue Textschatteneigenschaft. Mit dieser neuen SMS -Shadow -Eigenschaft können Sie einzelne Zeichen in Textknoten Schatten hinzufügen. Ein Schatteneffekt für Text lässt eine Webseite lebendiger und ansprechender aussehen. Vor CSS3 hätten Sie dasselbe mit einem Bild oder einem doppelten Textelement erledigt und dann positioniert und dann positioniert.

Gradienten

- Gradienten sind eines der am meisten erwarteten Merkmale, die in CSS beheimatet sind. Dies sind unglaublich leistungsstarke Ergänzungen des CSS, mit denen Sie die Hintergrundfarbe eines Elements auf einen Gradienten einstellen können. Sie können einen einfachen, einfachen zweifarbigen Gradienten verwenden oder mit zahlreichen Farbstopps und unterschiedlichem Niveau der Deckkraft während des gesamten Gradienten ausgehen. Gradienten können linear oder radial sein und visuelle Effekte erzeugen, die so visuell reich sind wie Gradienten in anderen Technologien wie SVG.

Übergänge und Animationen

- CSS3 verfügt. Beispiel. CSS3 -Animationen haben ihre eigene Spezifikation und ermöglichen es Ihnen, Keyframes zu erstellen, um Animationen und Eigenschaften zu steuern, mit denen Sie das Timing, die Dauer und das Schleifen der Animationen steuern können.

CSS3 vs. CSS: Vergleichstabelle

Zusammenfassung von CSS3 vs. CSS

Der CSS3 ist in jeder Hinsicht ein würdiger Nachfolger, der den Menschen interessante neue Funktionen enthält, die bei Ihren Webdesign -Bemühungen helfen. Es verfügt über viele leistungsstarke Funktionen, die Ihr Webdesign einfacher, einfacher und flexibel als je zuvor erleichtern. CSS3 bietet den Benutzern nicht nur eine Vielzahl von aufregenden neuen Funktionen, die mit dem Spielen gespielt werden können, sondern auch mehr, um den Benutzern flexiblere Möglichkeiten zur Lösung vorhandener Probleme zu bieten. In CSS3 gibt es jetzt mehr als 40 Module in verschiedenen Phasen der Fertigstellung und Browserunterstützung. Zum einen verfügt CSS3 über eine ganz neue Toolbox erweiterter Selektoren, mit der Sie spezifischere Elemente für das Styling auswählen können.