CSS3-Grundlagen

Inhaltsverzeichnis
Das moderne Web besteht aus mehreren Aspekten, es gibt das Technische, das Funktionale und das Ästhetische, jeder dieser Aspekte ist in gleichem Maße wichtig wie die anderen, aber wenn eine Person einem von ihnen ähnlicher ist, neigt sie dazu, sie zu vernachlässigen sie, der Rest.
Wenn eine Person mehr mit dem technischen Aspekt verbunden ist, vernachlässigt sie in diesem Sinne im Allgemeinen den ästhetischen Aspekt, wobei der funktionale Aspekt eine Mischung aus beidem ist, da nicht alles, was sehr ästhetisch ist, funktional sein wird, und der Tatsache, dass wir alle verwenden Die neuesten Technologien machen aus einer Website oder einem Projekt auch keine.
Das CSS Es ist die Art und Weise, wie wir den ästhetischen Teil für den Entwickler freundlich in das Web integrieren können, und es dient auch als universelle Sprache, um mit Benutzererfahrungen und Front-End-Designern zu kommunizieren, da es der Weg ist, eine schauen Sie auf jede Website.
Was ist CSS?CSS ist eine einfache Sprache, die verwendet wird, um Stile zu definieren, die in Dokumenten angewendet werden können HTMLMit der Erwähnung der Wortstile meinen wir, dass wir alles steuern können, von der Darstellung der Schriftarten auf einer Website bis hin zur Implementierung von Mauszeigern, Farben, Bildern, Bildschirmlayout usw.
CSS ist ein Standard und unterliegt der Verantwortung des W3C, also jeder Browser, der Unterstützung für CSS Genauso sollte es funktionieren, wenn Sie sich an die Anweisungen dieser Institution halten.
Was ist CSS3?CSS3 ist ein Spezifikationslevel von CSS, ist die vierte Spezifikation seit es es gibt CSS, CSS2, CSS2.1 und nun CSS3Jede Spezifikation beginnt mit der vorherigen und jede enthält Verbesserungen, neue Stile und neue Möglichkeiten, sie anzuwenden. Die Spezifikationen dieser Implementierungen können im Web www.w3.org/Style/CSS eingesehen werden:

VERGRÖSSERN

Hier finden wir die gesamte offizielle Dokumentation, die von der Verwendung der verschiedenen Anweisungen, die wir verwenden können, bis hin zu technischen Aspekten reicht, die zu dieser Implementierung geführt haben.
Was ist der Zweck von CSS?Die zu spielende Rolle CSS auf unseren Websites ist es, unsere Strukturen für die Präsentation vorzubereiten, d.h HTML die wir erstellt haben, sehen gut aus, um einem Benutzer gezeigt zu werden. Das mag etwas albern erscheinen, aber hier kommen die drei eingangs erwähnten Faktoren ins Spiel: Ein HTML ohne Stile kann funktional sein und sehr moderne technische Elemente verwenden, aber an sich wird es nicht ästhetisch sein; Dies bedeutet, dass, obwohl unsere Website die beste ist, ohne CSS es wird etwas unvollständig erscheinen.
Vorteile der Verwendung von CSS
  • Wir trennen die Darstellung von der Struktur, dies hilft unserer Website modular zu sein.
  • Stilvorlagen CSS Sie können von allen Seiten einer Website gemeinsam genutzt werden, sodass wir Konsistenz gewinnen und Arbeit sparen.
  • Mit CSS Wir können Stile für verschiedene Geräte und Umgebungen erstellen.
  • Pflege einer Website, die Sie implementiert haben CSS es ist viel einfacher.

Moderne Browser
In den frühen Tagen des modernen Webs, wir sprechen von den 90er Jahren, gab es nur wenige Optionen für Webbrowser, sogar einige wurden bezahlt, aber am meisten erinnern wir uns sicherlich an den Krieg von Internet Explorer Ja NetscapeDies gab den Anstoß, den funktionalen Aspekt zu berücksichtigen, aber der Krieg bedeutete, dass jeder Browser seine Regeln hatte, was dem Webentwickler das Leben unmöglich machte. Derzeit haben wir viele Browseroptionen, und die überwiegende Mehrheit ist für den Benutzer kostenlos. Die wichtigsten sind:
  • Google Chrome.
  • Safari.
  • Mozilla-Firefox.
  • Oper.
  • Internet Explorer.

VERGRÖSSERN

Jeder Browser gehört verschiedenen Entwicklern, und diese sind für die Interpretation der HTML und das CSS daher muss jeder die Standards der W3C, trotzdem verhalten sich nicht alle Browser gleich mit der gleichen Anweisung CSS. Letzteres ist auf den Motor zurückzuführen, den sie verwenden. Schauen wir uns an, welchen Motor jeder verwendet:
WebKitEs ist eine Open-Source-Engine und wird verwendet von Chrom Ja SafariObwohl jeder die gleiche Engine verwendet, ist ihre Implementierung nicht unbedingt gleich, sodass es Unterschiede zwischen den Browsern geben kann.
GeckoEs ist der von entwickelte Motor Mozilla, und wird verwendet von Feuerfuchs. Diese Engine ist ebenfalls Open Source, sodass wir Browser finden können, die sie teilen.
PrestoEs ist der Motor von Oper und es ist proprietär, daher werden wir es nur als Teil der Produkte seiner Muttergesellschaft sehen.
DreizackEs ist der Motor von Internet Explorer und ist derzeit nur in diesem Browser und in Microsoft-Produkten verfügbar.
Diese Informationen sind sehr wichtig, da nicht nur Desktop-Browser diese Engines verwenden, sondern auch mobile Browser, Clients wie E-Mail-Manager und sogar einige Anwendungen. Wenn wir den Motor kennen, können wir genauer hinschauen, um einen Zugang zu dem technischen Aspekt zu haben, der ihn regelt.
Alte Browser
Bisher haben wir über die beliebtesten Browseroptionen auf dem Markt gesprochen, aber wir haben die Details ihrer Versionen nicht untersucht. Jedes Mal, wenn es eine Implementierungsänderung im Standard von . gibt CSS jeder Browser wird normalerweise aktualisiert, um die Änderung oder neue Funktionen zu integrieren. Dies führt dazu, dass die alten Versionen der Vergangenheit angehören und ihr Kompatibilitätsgrad daher geringer ist.
Was passiert ist, dass nicht alle Benutzer aus vielen Gründen aktualisieren können, fehlende Berechtigungen, Inkompatibilität mit wichtigen Anwendungen auf ihrem System oder sogar aus Sicherheitsgründen des Unternehmens, in dem sie arbeiten, die die neuen Browser mit denselben testen müssen Systeme.
Dies bedeutet, dass wir sehr moderne Websites haben, die in den alten Browsern möglicherweise nicht funktionieren, weshalb wir diesen Aspekt beim Aufbau unserer Websites mit Vorsicht berücksichtigen müssen.
Der unangenehmste Fall
Ein sehr notwendiger Abschnitt ist zu sprechen Internet Explorer, und nicht nur von den schlechten Dingen zu sprechen, da wir der Meinung sind, dass dieses großartige amerikanische Unternehmen auf spektakuläre Weise zur Entwicklung der Computer- und Informationstechnologie auf globaler und historischer Ebene beigetragen hat.

VERGRÖSSERN

Aber vielleicht ist es seine Bedeutung, die Ihren Browser zu einem der unbequemsten Fälle gemacht hat, nur in neueren Versionen wie der aktuellen, die die Version 11 dass es einen Fortschritt in der Standardinterpretation von CSS Ja JavaScript, aber in früheren Versionen wie 8, 7 oder der sehr berüchtigten 6 musste man Versionen der Sites speziell erstellen, damit sie in diesen Browsern angezeigt werden konnten, und das ist nicht das Schlimmste, wenn es nicht so oft gab auf Ästhetik und Funktionalität verzichten, nur um unsere Projekte technisch machbar zu machen.
Hier könnten sich die Jüngsten überlegen, warum sie für diese Browser weiter entwickelt haben, und die Antwort ist trotz allem einfach Internet Explorer ist einer der meistgenutzten Browser weltweit, da er integriert in Fenster standardmäßig auch das am häufigsten verwendete Betriebssystem.
Kürzlich im Jahr 2015 wurde angekündigt, dass dieser Browser eingestellt wird, sein Nachfolger wurde jedoch noch nicht vollständig enthüllt und wenn er kommerziell in Betrieb genommen wird, können wir sehen, ob die alten Probleme weiterhin bestehen oder nicht.
CSS mehr als Stile
All dieses Wissen ist notwendig, wir können viel über die Anleitung wissen CSS Aber wenn wir den Hintergrund nicht kennen, können wir leiden, von einer Implementierung mit Best Practices bis hin zu Problemen mit Clients, die nicht die gleichen Dinge sehen, die wir sehen, alles durch die Verwendung einer bestimmten Version eines Browsers. Derzeit 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 . kennen CSS.
Am Ende dieses Tutorials konnten wir das dann sehen CSS Es ist viel mehr als eine einfache Sprache und es ist viel mehr als Stile. Wir können sagen, dass es eine wichtige Basiskomponente für unsere Webseiten ist und mit vielen Aspekten zu tun hat, wie zum Beispiel alles, was wir über Browser, Engines und sogar Kompatibilitätsprobleme.

Sie werden die Entwicklung der Website helfen, die Seite mit Ihren Freunden teilen

wave wave wave wave wave