Einfache HTML-Website auf mobilen Geräten

[Matthias Apsel]

Hallo littbarski,

h1 {
font-weight: normal;
font-style: normal;
text-transform: none;
font-size: 1.5em;
font-family: Calibri,Geneva,'Trebuchet MS',Helvetica,Arial,sans-serif;
}
h2 {
font-weight: normal;
font-style: normal;
text-transform: none;
font-size: 1.25em;
font-family: Calibri,Geneva,'Trebuchet MS',Helvetica,Arial,sans-serif;
}
h3 {
font-weight: normal;
font-style: normal;
text-transform: none;
font-size: 1em;
font-family: Calibri,Geneva,'Trebuchet MS',Helvetica,Arial,sans-serif;
}

lässt sich zusammenfassen zu

h1, h2, h3 {
    font-family: Calibri,Geneva,'Trebuchet MS',Helvetica,Arial,sans-serif;
}
h1 {
    font-size: 1.5em;
}
h2 {
    font-size: 1.25em;
}
h3 {
    font-size: 1em;
}

Die anderen Angaben sind die default-Werte, also die, die der Browser verwendet, wenn keine oder ungültige Werte angegeben werden.

html
{
  color: rgb(0, 0, 0);
  background-color: rgb(238, 238, 238);
  padding: 0.5em;
}
body
{ 
margin: auto;
padding: 50px;
font-family: Calibri, Geneva, 'Trebuchet MS', Helvetica, Arial, sans-serif;
background-color: rgb(255, 255, 255);
max-width: 55em;
font-weight: normal;
font-size: 100%;
font-style: normal;
text-transform: none;
text-align: left;

Hier noch mal dasselbe. Und da Angaben zur Schrift automatisch vererbt werden, reicht:

html {
    background-color: rgb(238, 238, 238);
    padding: 0.5em;
    font-family: Calibri, Geneva, 'Trebuchet MS', Helvetica, Arial, sans-serif;
}
body {
    margin: auto;
    padding: 50px;
    background-color: rgb(255, 255, 255);
    max-width: 55em;
}
h1 {
    font-size: 1.5em;
}
h2 {
    font-size: 1.25em;
}
h3 {
    font-size: 1em;
}

Und da sehe ich doch noch eine Frage :) - du schreibst, dass das hier bei HTML5 nicht mehr nötig ist, wie heißt der Tag dann korrekt? <style type="text/css">

ohne Angabe eines Types. text/css ist der default-wert, also der, den die … s.o.

Bis demnächst
Matthias