HTML and CSS Reference
In-Depth Information
Bild 3.30:
Die neuen Dateien
werden durch eine
Markierung
hervorgehoben.
Jetzt geht es darum, die bestehende
index.html
von PhoneGap und die neue Seitendatei
namens
autohaus.html
intelligent zu verbinden. Folgende Zeilen aus dem Header-
Bereich werden in die bestehende PhoneGap-
index.html
-Datei übernommen:
<link rel "stylesheet" type "text/css" href "style.css">
Dieser Verweis wird die im Verzeichnis befindlichen iWebKit-Stylesheets mitladen. Da
Sie diese Unterscheidung jetzt nicht benötigen, löschen Sie auch die beiden vorgegebe-
nen CSS-Verlinkungen:
<! iPad/iPhone specific css below, add after your main css >
<link rel "stylesheet" media "only screen and (max device width: 1024px)"
href "ipad.css" type "text/css" />
<link rel "stylesheet" media "only screen and (max device width: 480px)"
href "iphone.css" type "text/css" />
>
Da wieder runde Ecken für das Startup-Bild verwendet werden sollen, können in der
PhoneGap-Indexdatei nicht nur CSS-Definitionen eingeladen, sondern auch direkt im
Code spezifiziert werden:
<style>
<!
#textimg img {
border: 1px solid #222222;
webkit border radius: 5px;
}
>
</style>
