CSS-Testseite

Sie sind auf unserer CSS-Testseite gelandet. Was ist CSS und wofür ist diese Seite? CSS (Cascading Style Sheeds) ist eine Art Formatierungssprache für Html. Mit ihr kann man einzelne Html-Tags oder ganze Html-Tag-Gruppen ansprechen und gezielt formatieren. Die Formatierung kann die Schrift, ein Bild, den Hintergrund, einen Rahmen oder die Positionierung betreffen. Man kann nicht nur über die Html-Tags die Formatierung ansprechen, sondern auch Klassen und Id's erstellen und einsetzen.

Diese Seite soll Ihnen zum einen zeigen, was man mit CSS machen kann und wie es funktioniert, und CSS-Anfängern soll hier die Möglichkeit gegeben werden, zu testen, wie man eine Seite beeinflusst und welche Auswirkungen die einzelnen Befehle haben und welcher Befehl wo greift. Man muss noch anmerken, dass hier nicht alle Befehle und Attribute aufgezählt sind, das würde den Rahmen dieser Seite ein wenig sprengen. Für die, die es interessiert, die Funktion der Seite ist in PHP und Javascript programmiert.

Diese Seite ist aber auch einfach nur zum Ausprobieren und Spielen gedacht für die, die mit Programmierung nichts am Hut haben und einfach nur Ihre Zeit hier verbringen.

Die Funktionsweise der Seite ist folgende:

• beeinflussen können Sie die Seite über den Funktionsbalken am oberen Seitenrand
• zuerst wählen Sie einen Html-Tag bzw. eine Klasse oder Id aus (was wollen Sie verändern?)
• danach erscheint ein weiters Selektmenü aus dem Sie einen CSS-Tag wählen (wie soll es fomatiert werden?)
• jetzt erscheint das Selektmenü für die jeweils möglichen Attribute (wahl der Größe, Farbe, Posiition etc.)
• nach dem Anklicken des Attributes wird die Änderung wirksam (wird sie nicht wirksam, ist der CSS-Tag für den jeweiligen Html-Tag unwirksam, oder er benötigt weitere Angaben, z.B: beim Rahmen mus die Farbe der Style sowie die Breite angegeben werden, das heißt: erst nach der Eingabe von drei Befehlen werden diese wirksam)
• wähln Sie nun erneut (bei jeder Wahl eines Attributes wird der Befehl umgesetzt)
• WICHTIG: mit der F5-Taste setzen Sie alle Änderungen wieder zurück!

Und nun haben Sie viel Spaß auf dieser Seite!