Meine Beispiele sind unter www/inf/css abgelegt - dann kann man über apache drauf zugreifen Inf:css/e01Html.php (PHP brauche ich nur um die Source anzuzeigen)
Elemente: (einfacher Name, für Firefox nicht mit Ziffern anfangen!)
id=: mit # anfagen
class= mit . anfangen
mit commas können Selektoren gruppoiert werden: p, a, h1 { ...}
oder geschachtelt a p {...}: betrifft p geschachtelt in a
allgemeiner gibt es patternmatching, pseudo Elements und pseudo classes, combinatoren (' ' = descendent, '>' = child, '+'=benachtbarte Geschwister usw.)
Stylesheet kann auf drei Arten geholt werden:
external stylesheet: mit <link rel="stylesheet" type="text/css" href="mystyle.css" /> im Head Inf:css/e04ExternalInline.php
im html header meta viewport angeben, damit Handy nicht einfach grösste Auflösung benutzt
image scaling: auf max-width: 100% und height:auto stellen, damit Bilder richtig ge'scale't werden (sonst verzerrt, weil Höhe und Breite unabhängig verkleinert werden
Achtung: damit es richtig dargestellt wird muss display:block sein (das ist es für p, h1, usw.. für viele andere elements muss es aber explizit gesetzt werden!)
