Sowohl HTML als auch CSS sind aus der Computerwelt kaum mehr wegzudenken, denn sie bilden die Grundpfeiler fĂŒr jede Website. Beide Begriffe hĂ€ngen stark miteinander zusammen, haben jedoch eine unterschiedliche Bedeutung. So steht HTML fĂŒr âHypertext Markup Languageâ und sorgt dafĂŒr, dass die Inhalte auf einer Website entstehen. Seien es Bilder, Texte oder Strukturen wie eine Tabelle, diese werden grundsĂ€tzlich mittels HTML eingebunden.
Als plattformunabhĂ€ngige Dokumentbeschreibungssprache kann ein HTML-Dokument mit jedem beliebigen Texteditor erstellt werden und besteht aus bestimmten, vordefinierten Elementen. Die erste Version der HTML-Spezifikation entstand 1992, als Mitarbeiter der EuropĂ€ischen Organisation fĂŒr Kernforschung (CERN) nach einer Möglichkeit suchten, ihre Forschungsergebnisse an mehreren Standorten zugĂ€nglich zu machen. Mittlerweile gelten HTML-Dokumente als Grundlage des World Wide Webs. Das klassische HTML wurde im Laufe der Jahre zunĂ€chst durch XHTML und schlieĂlich durch das aktuell gebrĂ€uchliche HTML5 abgelöst, welches ĂŒberarbeitet und erweitert wurde.
CSS sorgt im Unterschied zu HTML hingegen fĂŒr Form und Farbe. Ausgeschrieben steht CSS fĂŒr âCascading Style Sheetâ und legt fest, wie genau ein Browser die Texte, Bilder oder anderen Elemente einer Website interpretieren und darstellen soll. Unter anderem können mittels CSS beispielsweise HintergrĂŒnde, RĂ€nder oder Kopf- und FuĂzeilen genau definiert und angeordnet werden. GrundsĂ€tzlich lĂ€sst sich eine Website zwar auch ohne CSS-Datei erstellen, der Vorteil ist jedoch, dass einzelne Teile der Website so sehr viel einfacher verĂ€ndert und angepasst werden können. Entwickelt wurde CSS dementsprechend, um den Programmiercode einer Website zu vereinfachen und den Webdesignern bzw. Internetagenturen ihre Arbeit zu erleichtern, z.B. um Elemente zu zentrieren.
FĂŒr schön anzusehende CSS-Buttons benötigt es schon lange keine Grafiken mehr â sie lassen sich formen aus der Schönheit des geschriebenen Codes. Doch die Erstellung kann ganz schön knifflig werden, wenn du an eine umfassende Browser-KompatibilitĂ€t denkst. Wie gut, dass es fertige Code-Schnipsel und zahlreiche Beispiele dafĂŒr gibt. Und noch besser, dass wir heute die besten Beispiele auch gleich in diesem Beitrag prĂ€sentieren.
Was soll daran schwierig sein, Elemente in CSS zu zentrieren? So magst du spontan denken. Wenn du dich mit dem Thema jedoch schon öfter befasst hast, weisst du auch, dass Zentrierung manchmal zu einer echten Herausforderung werden kann. Im folgenden Beitrag zeige ich dir fĂŒnf Methoden, Elemente und SchriftzĂŒge in HTML mit Hilfe von CSS3 zu zentrieren.
Mit CSS Background-Image (deutsch: CSS-Hintergrundbild) kannst du einem Element ein Hintergrundbild, Hintergrundvideo, eine Hintergrundfarbe oder einen Farbverlauf zuweisen.
Im CSS gibt es jede Menge interessanter Selektoren, die versierten Frontend-Entwicklern zwar grundsÀtzlich bekannt sind, die dennoch oftmals nur sparsam zum Einsatz kommen.
Wohin mit der Navigation? Diese Frage muss bei eigentlich jedem Webprojekt beantwortet werden. Gerade bei umfangreichen Websites ist es nicht immer einfach, die richtige Antwort darauf zu finden. Besteht eine WebprĂ€senz aus vielen Seiten und Unterseiten, bietet sich hĂ€ufig ein Dropdown-MenĂŒ an.
Wie wir Websites gestalten, hat sich in den vergangenen Jahren immer wieder mal mehr, mal weniger radikal geĂ€ndert. Mit der EinfĂŒhrung von CSS Flexbox hat eine entscheidende Erneuerung stattgefunden. Kurz darauf ist mit CSS Grid ein weiteres Layoutmodell hinzugekommen. Welches ist nun wofĂŒr besser geeignet? Muss ich mich fĂŒr ein Modell entscheiden?
Vieles, was einst nur mit Flash oder JavaScript möglich war, lĂ€sst sich heutzutage mittels CSS realisieren. Heute zeige ich dir einige kostenlose Slider, fĂŒr deren Bearbeitung du lediglich etwas HTML und CSS benötigst. Möglich gemacht wird dies durch CSS-Animationen und -Transitions.
CSS hat seinen Platz in der Webentwicklung lÀngst fest eingenommen. Das grundlegende Prinzip der Anwendung von Stylesheets wird allerdings oft falsch verstanden. Werfen wir nochmal einen Blick in die Grundlagen des CSS.
Diskussionen ĂŒber die beste Art und Weise, die SchriftgröĂe bzw. den Schriftgrad zu definieren sind wahrscheinlich so alt wie das Web. Neben den traditionellen
Seit gut einem Jahr, genauer mit dem Maintenance Release 4.9.8 im August 2018, ist der neue Gutenberg-Editor fester Bestandteil von WordPress. Doch wenn du
Selbst als erfahrener Entwickler hat man nicht, wo man geht und steht, CSS-Vokabular vor Augen. Oder murmelst du etwa kontinuierlich CSS-Syntax vor dich hin?
SVG hat sich als Format fĂŒr Vektorgrafiken im Browser etabliert. Grafikprogramme wie Adobes Illustrator unterstĂŒtzen das Speichern in diesem Format und moderne Browser können
Mit CSS3 kannst du Animationen ohne Flash und Javascript erstellen. Dabei beeinflusst du den zeitlichen Ablauf deiner Animation recht komfortabel. Unter Verwendung der Eigenschaft
Anstatt deine Zeit mit Candy Crush zu vertun oder dich durch unwichtige Tweets zu frÀsen, könntest du die Zeit in der S-Bahn oder auf
Typografie spielt im Webdesign zunehmend eine wichtige Rolle â vor allem mit der EinfĂŒhrung von Webfonts. Das Unterstreichen von Texten hingegen war immer ein
Irgendwas mĂŒssen die Filter von Instagram ja haben, wenn sie so beliebt sind. Mit dem kostenlosen Instagram.css kannst du nun eben jene Filter auf
Als Apple vor einigen Jahren anfing, seine iPhones, iPads und MacBooks mit hochauflösenden Displays â den sogenannten Retina-Displays â auszustatten, hat das zu einer
Mit der EinfĂŒhrung von CSS3 haben sich die Gestaltungsmöglichkeiten fĂŒr Websites sehr verĂ€ndert. Vor allem Animationen und Transparenzen werden seitdem hĂ€ufig eingesetzt. Doch es
Die CSS-Eigenschaft clip-path erlaubt es dir, anhand komplexer Beschneidungspfade festzulegen, dass nicht der gesamte Inhalt einer Box im Browser angezeigt wird. So sind beeindruckende
Ein Ergebnis von 89 % bei Google Pagespeed Insights. Dann kann es bis zur 100 nicht mehr weit sein. Nach stundenlanger Bild- und Cacheoptimierung,
Pionier fĂŒr Digitale Transformation. Seit 1997. â Â Wissen, Tipps, Ratgeber, Dienstleister: Wir bringen wir die digitale Transformation von Unternehmen praxisnah voran.
