CSS3 Grundlagen

Das moderne Web setzt sich aus mehreren Aspekten zusammen, die technisch, funktional und ästhetisch sind. Jeder dieser Aspekte ist in gleichem Maße wichtig wie die anderen. Wenn eine Person jedoch eher mit einem dieser Aspekte verwandt ist, vernachlässigt sie dies andere

In dieser Reihenfolge von Ideen vernachlässigt ein Mensch, wenn er mehr mit dem technischen Aspekt verbunden ist, im Allgemeinen den ästhetischen Aspekt, bei dem der funktionale Aspekt eine Kreuzung zwischen beiden ist, da nicht alles, was sehr ästhetisch ist, funktional sein wird, und die Tatsache, dass wir alle verwenden Die neuesten Technologien machen auch keine Website oder ein Projekt.

CSS ist die Art und Weise, wie wir den ästhetischen Teil auf benutzerfreundliche Weise in das Web einbinden können, und es dient auch als universelle Sprache für die Kommunikation mit dem Benutzererlebnis und den Front-End-Designern, da es die Art und Weise ist, dies zu tun schau auf irgendeine Webseite.

Was ist CSS?
CSS ist eine einfache Sprache, die verwendet wird, um Stile zu definieren, die in HTML- Dokumenten angewendet werden können, indem die Wortstile erwähnt werden, die wir von der Art und Weise steuern können, wie Sie die Quellen eines Webs sehen, bis zur Implementierung von Cursorn von Maus, Farben, Bildern, Bildschirmlayout usw.

CSS ist ein Standard und liegt in der Verantwortung von W3C. Daher sollte jeder Browser mit CSS- Unterstützung gleich funktionieren, wenn er die Anweisungen dieser Institution einhält.

Was ist CSS3?
CSS3 ist eine Stufe der CSS- Spezifikation, es ist die vierte Spezifikation, da sie CSS, CSS2, CSS2.1 und jetzt CSS3 enthielt , wobei jeder Spezifikationsteil der vorherigen und jeder Verbesserungen, neue Stile und neue Arten ihrer Anwendung beinhaltet . Die Spezifikationen dieser Implementierungen finden Sie im Internet unter www.w3.org/Style/CSS :

css3-fundamentos.jpg

Hier finden Sie alle offiziellen Dokumentationen, die von der Verwendung der verschiedenen Anweisungen bis zu den technischen Aspekten reichen, die zu dieser Implementierung geführt haben.

Was ist der Zweck von CSS?
Die Rolle, die CSS auf unseren Webseiten erfüllen muss, besteht darin, unsere Strukturen für die Präsentation vorzubereiten, dh das von uns erstellte HTML gut aussehen zu lassen, damit es einem Benutzer angezeigt werden kann. Dies mag ein bisschen albern erscheinen, aber hier können die drei Faktoren, die wir zu Beginn erwähnt haben, ein HTML ohne Stile funktionieren und können sehr moderne technische Elemente verwenden, aber an sich wird es nicht ästhetisch sein; Dies bedeutet, dass unsere Website, obwohl sie das Maximum darstellt, ohne CSS unvollständig zu sein scheint.

Vorteile der Verwendung von CSS

  • Wir trennen die Darstellung der Struktur, dies trägt dazu bei, dass unser Web modular aufgebaut ist.
  • Die CSS-Stylesheets können von allen Seiten eines Webs gemeinsam genutzt werden, sodass wir Konsistenz gewinnen und Arbeit sparen.
  • Mit CSS können wir Stile für verschiedene Geräte und Umgebungen erstellen.
  • Die Pflege einer Site, die CSS implementiert hat, ist viel einfacher.
See also  Wie Aufruf von Michael Kors Smartwatch-Uhr

Moderne Browser

In den frühen Tagen des modernen Web sprachen wir über die 90er Jahre, als es nur wenige Optionen für Webbrowser gab, von denen einige bezahlt wurden. Was wir jedoch am meisten in Erinnerung behalten konnten, war der Krieg zwischen Internet Explorer und Netscape , der einen Schub gab Es wird den funktionalen Aspekt berücksichtigen, aber im Krieg bedeutete dies, dass jeder Browser seine Regeln hatte und dies dem Webentwickler das Leben unmöglich machte. Gegenwärtig haben wir viele Browser-Optionen, und die überwiegende Mehrheit ist für den Benutzer kostenlos. Die wichtigsten sind:

  • Google Chrome
  • Safari
  • Mozilla Firefox.
  • Opera
  • Internet Explorer

css3-fundamentos-2.jpg

Jeder Browser gehört verschiedenen Entwicklern und sie sind für die Interpretation von HTML und CSS verantwortlich, sodass jeder die W3C- Standards implementieren muss, obwohl sich nicht alle Browser mit derselben CSS- Anweisung gleich verhalten. Letzteres hängt von der verwendeten Engine ab. Sehen wir uns an, welche Engine jeweils verwendet wird:

WebKit
Es handelt sich um eine Open-Source-Engine, die von Chrome und Safari verwendet wird. Obwohl beide dieselbe Engine verwenden, ist ihre Implementierung nicht unbedingt dieselbe, sodass es möglicherweise Unterschiede zwischen den Browsern gibt.

Gecko
Es ist die von Mozilla entwickelte Engine, die von Firefox verwendet wird. Diese Engine ist auch Open Source, sodass wir Browser finden können, die sie gemeinsam nutzen.

Presto
Es ist der Motor, der von Opera verwendet wird, und der Eigentümer. Wir werden es daher nur als Teil der Produkte der Muttergesellschaft betrachten.

Dreizack
Es ist die Engine des Internet Explorers und wird derzeit nur in diesem Browser und in Microsoft-Produkten verwendet.

Diese Informationen sind sehr wichtig, da diese Module nicht nur von Desktop-Browsern, sondern auch von mobilen Browsern, Clients wie E-Mail-Handlern und sogar von einigen Anwendungen verwendet werden. Wenn wir den Motor kennen, können wir gezielter suchen, um einen Ansatz für den technischen Aspekt zu finden, der sie reguliert.

See also  Festlegen des benutzerdefinierten Cursors und Mauszeigers Windows 10

Alte Browser

Bisher haben wir über die beliebtesten Browseroptionen auf dem Markt gesprochen, die Details der Versionen dieser Browser wurden jedoch nicht untersucht. Bei jeder Änderung der Implementierung des CSS- Standards wird in der Regel jeder Browser aktualisiert, um die Änderung oder die neuen Funktionen zu übernehmen. Dies macht die alten Versionen in die Vergangenheit verbannt und daher ist ihr Kompatibilitätsgrad geringer.

Was passiert, ist, dass nicht alle Benutzer aus vielen Gründen, mangelnden Berechtigungen, Inkompatibilität mit wichtigen Anwendungen in ihrem System oder sogar aus Sicherheitsgründen des Unternehmens, in dem sie arbeiten, ein Update durchführen können neue Browser mit den gleichen Systemen.

Dies führt dazu, dass wir sehr moderne Websites haben, die in alten Browsern möglicherweise nicht funktionieren. Deshalb müssen wir diesen Aspekt bei der Erstellung unserer Websites als Vorsichtsmaßnahme berücksichtigen.

Der unangenehmste Fall

Ein sehr notwendiger Abschnitt ist, über Internet Explorer und nicht nur über schlechte Dinge zu sprechen, da wir der Meinung sind, dass dieses große amerikanische Unternehmen einen dramatischen Beitrag zur weltweiten und historischen Entwicklung von Computing und Computing geleistet hat.

css3-fundamentos-3.jpg

Aber es ist vielleicht seine Wichtigkeit, die den Browser zu einem der unbequemsten Fälle gemacht hat, nur in neueren Versionen wie der aktuellen, der Version 11 , die einen Fortschritt in der Standardinterpretation von CSS und JavaScript hatte In früheren Versionen wie 8, 7 oder der sehr berüchtigten 6 mussten Sie jedoch Versionen der Websites erstellen, damit sie in diesen Browsern angezeigt werden konnten. Dies ist nicht die schlimmste, sondern die häufigste Das opfert Ästhetik und Funktionalität, um unsere Projekte technisch umsetzbar zu machen.

See also  Installieren Sie FFmpeg in Windows

Hier konnten sich die Jüngsten vorstellen, warum sie sich für diese Browser weiterentwickelten, und die Antwort ist einfach, obwohl der Internet Explorer einer der weltweit am häufigsten verwendeten Browser ist, da er standardmäßig in Windows integriert ist. Dies ist das System am meisten benutzt operativ auch.

Vor kurzem wurde dieses Jahr 2015 angekündigt, dass dieser Browser eingestellt wird, sein Nachfolger jedoch noch nicht vollständig bekannt gegeben wurde und wenn er kommerziell in Betrieb genommen wird, können wir sehen, ob die alten Probleme bestehen oder nicht.

CSS ist mehr als Stile

All dieses Wissen ist notwendig, wir können viele CSS- Anweisungen kennen, aber wenn wir den Hintergrund nicht kennen, können wir darunter leiden, dass wir eine Implementierung mit Best Practices durchführen und Probleme mit Kunden haben, die nicht dasselbe sehen wie wir, alle für die Verwendung einer Version insbesondere eines Browsers. Gegenwärtig gibt es Frameworks, die uns helfen, all diese Widrigkeiten zu überwinden. Wenn wir jedoch etwas sehr Spezifisches benötigen, müssen wir diese Funktionalität im Allgemeinen von Grund auf neu ausführen, und hier müssen wir die Grundlagen von CSS kennen .

Wenn wir dieses Tutorial abschließen, sehen wir, dass CSS viel mehr als eine einfache Sprache und viel mehr als Stile ist. Wir können sagen, dass es eine Schlüsselkomponente für unsere Webseiten ist und mit vielen Aspekten zu tun hat, wie zum Beispiel allem, was wir gesehen haben von Browsern, Engines und sogar Kompatibilitätsproblemen.

administrator

Leave a Reply

Your email address will not be published. Required fields are marked *