Webhomeschool

Kategorie: Das wichtigste in CSS

Das wichtigste in CSS – eine fast komplette Einführung

CSS Grundlagen für die Praxis – Die praktische Einführung in CSS (Cascading Stylesheets).

Wieso habe ich diesen Titel gewählt?

Naja, du findest tausende, wenn nicht Millionen tolle Artikel zu CSS. Das Problem ist, CSS ist komplex, CSS wird nicht in allen Browsers komplett unterstützt, einige Browser stellen Html mit CSS anders dar als erwartet.
Vor allem zu Anfang ist es schwer die Möglichkeiten und Grenzen von CSS zu überblicken. In diesem Artikel erhälts du diesen Überblick, den du brauchst um vernünftig mit CSS arbeiten zu können.

Die Dateien zum Download findest du hier:
https://github.com/webhomeschool/das-wichtigste-in-css

Die 3 Möglichkeiten CSS in dein HTML Dokument einzubinden

in den <head> Tag direkt mit<style>deine Stylesheets hier z.B p{font-size: 18px;}</style></head> Verwendung: Bei nur einer Seite mit wenigen Styles, damit die Übersicht und Einordnung des Seitenbereiches der Styles ohne großes Scrollen möglich...

CSS Selector Syntax verständlich erklärt

Die Html Elemente direkt ansprechen Zuerst kommt das Element, dann die Klammern. In den Klammern steht links die Eigenschaft, rechts der Wert dieser Eigenschaft. Die Elemente über ihre Namen ansprechen Ein Htmlelement...

Essentielle CSS Styles zusammengefasst und erklärt

Die 2 CSS Boxmodele bei width: Das alte Box-Model: [border-box]=width+margin+padding+border(1px+1px+1px+1px=4px width);Erklärung: margin,padding,border werden auf width Wert addiert. Das neue Box-Model [content-box]=(1px+1px+1px=1px width); witdh, padding, border werden nicht auf die width addiert. Beispiele:...

CSS Kommentare verwenden

Wenn du was in deinem Styledokument Kommentieren willst dann machst du das so: Wenn du einen CSS Style auskommentieren willst machst du das auch so: in den Programmiersprache wie javascript, php werden...

Wozu wird CSS verwendet?

Falls du weißt wozu CSS verwendet wird, überspringe diesen Satz, andernfalls dient CSS dazu Html Elemente zu positionieren und auch optisch zu gestalten.