HTML/CSS
Ralf Herbst
Komme zu spät durch endlosen Stau :-(
und dann Lync-Probleme :-(
so jetzt kann es endlich losgehen :-)
Ralf hat derweil schon fleissig gearbeitet und macht
internes und externes CSS
Einbau als externe Datei:
Da mit zunehmender Seitenanzahl eines Webprojekts auch eine zentrale Verwaltung aller Formatierungen wichtiger wird, können alle CSS-Formatierungen in einer separaten Datei abgelegt werden, um dann von beliebig vielen Sites aufgerufen zu werden. Ändert man in der CSS-Datei etwas, wirken sich diese Änderungen auch unmittelbar auf allen verbundenen Seiten aus. Die Ladezeit wird dadurch auch minimal verbessert, durch keine Neuladung der Formatierungen, da diese im Cache bleiben können.
Externe CSS-Datei:
body { font-size: 1em; color: red; }
h1 { color: black; }
HTML-Datei:
<html>
<head>
<link rel="stylesheet" type="text/css" href="datei.css"/>
</head>
<body>
Website .....
</body>
</html>
dh. die externe CSS-Datei enthält CSS-Code. Auf der Website muss im <head>-Bereich lediglich eine Codezeile eingefügt werden. Auch Variante mit href möglich: dann kann der Dateinamedirekt (liegt die Datei im gleichen Verzeichnis), ein Dateipfad (liegt die Datei auf dem aktuellen Server) oder eine URL (die Datei ist irgendwo) angegeben werden.
 |
| Wikipedia: Boxmodel Detail |
Im Ordner sites anlegen:
14.css_span.html
<span> = Bereich von bis
15.css_ueberschreiben.html
16.css_klassen.html
Klassen zuweisen entweder im <head> oder im jedem einzelnen Bereich
< h1 class="kursiv">, <p class="kursiv">
Beispiele für >head>
.kleiner Text { Attribute festlegen }
.kursiv { font-style: italic; }
Selektoren/Eingrenzungen vorgeben: h2 (Überschrift) oder p (Absatz) zB.
p.kursiv { font-style: italic; } oder h2.kursiv { font-style: italic; }
Text ohne Abstand oder _ Unterstrich, kein Leerzeichen, Komma!
was näher dran ist, wird ausgeführt!
17.css_pseudoklassen.html
sind Navigation für Listen
Eltern - Kind-Element
SelfHTML - Pseudoklassen
EMPFEHLUNGEN:
HTML-Seminar
SelfHTML-Stichwortverzeichnis
w3c
Keine Kommentare:
Kommentar veröffentlichen