CSS steht f�r Cascading Style Sheets, was �bersetzt �gestufte Stilvorlagen� bedeutet. Es handelt sich dabei um eine Gestaltungs- und Formatierungssprache, mit der das Aussehen von HTML-Dokumenten bestimmt wird. Es geht also um Design oder Stil, nicht um den Inhalt einer Webseite. Mit CSS k�nnen Anwender zum Beispiel Schriftarten, Farben, Linien, H�hen und Breiten auf einer Webseite definieren.
CSS - Erkl�rung und Einbindung in HTML-Datei
Wie ist CSS entstanden?
CSS existiert seit 1997 und wird kontinuierlich weiterentwickelt. Heute z�hlt CSS ebenso wie HTML zu den grundlegenden Sprachen im Netz und gilt als aktueller Standard bei Webdesign und Layout. Von Anfang an gab es bei CSS das Ziel, Inhalte und Aussehen zu trennen. Das vereinfacht sowohl den Programmiercode einer Webseite wie auch die Arbeit f�r den Webdesigner.
Zudem erweitert CSS die Gestaltungsm�glichkeiten. W�hrend sich mit HTML etwa nur einfache Texte und Inhalte darstellen lassen w�rden, k�nnen mit CSS auch interaktive Elemente aufgebaut werden � dazu z�hlen zum Beispiel Navigationen. Dar�berhinaus unterst�tzt CSS die responsive Darstellung. Das hei�t, per CSS k�nnen passende Darstellungsformen f�r unterschiedliche Devices � vom Monitor �ber den Drucker bis zum Smartphone � vorgegeben werden.
Was sind die Vorteile von CSS?
Neben den bereits genannten Pluspunkten hat CSS noch eine ganze Reihe weiterer Vorteile. Dazu geh�rt, dass ein einmal erstelltes Design vergleichsweise schnell und einfach auf ein anderes Projekt �bertragen werden kann. Die �bersichtlichere Programmierung bewirkt, dass Webseiten nicht mehr mit Code �berfrachtet sind und daher schneller laden. Au�erdem lassen sich Fehler im Design besser erkennen und leichter beheben.
CSS wird von allen g�ngigen Browsern unterst�tzt. Es kann allerdings Einschr�nkungen bei der Darstellung des Layouts geben. Es ist deshalb sinnvoll, mit CSS erstellte Webseiten immer auf m�glichst allen g�ngigen Browsern zu testen.
also lerne erst Html, dann Css und dann, das kann man fasst nicht vollständig können Javascript und php
regex9
Community-Experte
Computer, Programmieren
27.02.2016, 21:16
Webseiten bestehen aus einem Front- und einem Backend. Im Frontend wird das User Interface aufgebaut, das bedeutet die Dokumentstruktur wird festgelegt, deren Elemente und ihr Design. HTML ist, so wie es der Name bereits sagt, eine Markup-Sprache, sie hat also lediglich die Aufgabe, ein Dokument zu beschreiben. In diesem Fall ist es ein Webdokument. Mit Beschreiben ist gemeint, dass zu dem Inhalt, der präsentiert werden soll, Metainformationen angegeben werden, die der Webbrowser interpretieren kann. Schreibe ich beispielsweise: Kann der Browser anhand der Metainformation, die durch die Tags wiedergegeben wird, den Inhalt ("Mein Text") logisch einordnen. Der Inhalt wird fett gedruckt (b = bold). Im Grunde besteht also ein ganzes Dokument aus Inhalten und Tags, die den Inhalt definieren. Nun setzt der Browser beim Rendering schon bestimmte Styles um, die er mit den Elementen verbindet. Blockelemente werden also als Block dargestellt, Headlines groß und mit einem großen Abstand zu anderen Inhalten, usw. - das sind allgemeine Eigenschaften, die aus den Metainformationen logisch nachvollzogen werden können. Einen individuellen Style jedoch gibt erst CSS. Mit CSS kann ich einem Element, unabhängig von der Logik, einen neuen Style geben, zudem habe ich viel mehr Möglichkeiten als mit HTML. Zum Beispiel könnte ich über CSS definieren, dass Buttons die Hintergrundfarbe rot bekommen, oder dass Überschriften ab nun kursiv abgebildet werden sollen. Im Backend dagegen werden Funktionen einer Webseite definiert (z.B. das Speichern von neuen Einträgen eines Gästebuchs oder die Berechnung der Endsumme der Artikel in einem Warenkorb), und dynamische Inhalte vorbereitet. All dies kann HTML nicht, denn HTML ist keine Programmiersprache! PHP dagegen ist eine, und die übernimmt das, was das Frontend nicht kann. Grundbasis dieses ganzen Konstrukts ist das MVC-Pattern. Dieses besagt, dass ich alle Komponenten einer Software (die Webseite) räumlich trenne. Im Model (meist eine Datenbank) liegen die Daten/Inhalte, die ich auf der Webseite darstellen möchte. Das View wird durch HTML und CSS umgesetzt. Als Bindeglied dazwischen agiert der Controller (PHP). Dieser nimmt Anfragen des User Interfaces (View) entgegen, verarbeitet diese (mit Hilfe des Models) und gibt eine Antwort zurück (EVA-Prinzip). Eine weitere Art Controller kann mittels JavaScript umgesetzt werden, jedoch ist diese Sprache in ihren Zugriffsmöglichkeiten beschränkter, da sie auf der Clientseite läuft. (PHP arbeitet auf der Serverseite, bei Anfrage eines Browsers (Client) an eine Webseite schickt der Server das Markup (CSS, HTML, JavaScript) zurück und der Browser interpretiert dieses. Dabei wird auch JavaScript interpretiert und ausgeführt. PHP dagegen ist bereits vor der Serverantwort fertig). Für den Anfang solltest du dich nur mit dem Frontend beschäftigen, und Inhalte statisch lassen (so brauchst du kein Backend). Lern HTML, danach CSS. Später kannst du dich mit schwierigeren Dingen befassen. Hinsichtlich der Entwicklungsumgebung würde ich dir NetBeans empfehlen. Nutzen kannst du allerdings auch jeden anderen beliebigen Editor (Notepad++, Windows-Standardeditor, Visual Studio, Eclipse, ....). Arbeite auch viel mit dem Inspektor zusammen, den dir dein Browser anbietet. (Rechtsklick auf Webseitenelement > Element prüfen).
eddiepoole
09.03.2019, 16:51
notepad2 reicht. aber nur deshalb, weil ich php einsetze. wenn ich nur html und css einsetzen würde, würde ich ein besseres programm benötigen, auch wenn das paradox klingt. aber php nimmt einem lästige routineaufgaben und deppenjobs so gut ab, dass ein relativ schlichter editor u.u. reicht.
leni07582
27.12.2018, 12:51
Ich denke, die anderen haben dir schon erklärt, wo die Unterschiede liegen. Ich würde dir Notepad++ empfehlen. Es ist einfach, und sehr übersichtlich...
1 Kommentar 1
korbi27 25.02.2019, 20:57
Nun ja, das "beste" Programm zur Interpretation der Syntax ist es nicht. Deutlich übersichtlicher und von meiner Seite her sehr empfehlenswert ist Atom oder Sublime Text.Warum ist CSS besser als HTML?
Was macht CSS bei HTML?
Warum trennt man HTML und CSS?
Was ist CSS einfach erklärt?