Hallo steve01,
nehmen wir einmal an, ich habe in einer einer externen css-datei folgendes definiert:
li.styleLi {margin-left:0%; margin-bottom:0.6em;
padding:0; padding-left:20px;}
Nun habe ich in einer HTML Datei viele Listenelemente mit dem gleichen Layout.
<ul>
<li class="styleLi">...</li>
<li class="styleLi">...</li>
<li class="styleLi">...</li>
<li class="styleLi">...</li>
<li class="styleLi">...</li>
<li class="styleLi">...</li>
</ul>
Jetzt muss ich wohl immer class="styleLi" angeben. Kann man nicht im Head-Bereich festlegen, dass alle Listenelemente die Formatierung styleLi haben sollen.
Natürlich kann man das! Du kannst ganz einfach deine Stilzuweisungen "li" anstatt "li.styleLi" voranweisen, und alle <li> deiner Website, bei denen CSS eingebunden wird, werden so formatiert. Wie du geschrieben hast:
Natürlich könnte ich im Head-Bereich definieren:
li {margin-left:0%; margin-bottom:0.6em;padding:0; padding-eft:20px;}
genau. Übrigens gibst du das wenn überhaupt im CSS an. Und das kann entweder ein <style> im Head sein, oder eine extern eingebundene CSS-Datei (@import oder <link rel="stylesheet">)
Aber wenn ich nun in der externen CSS Datei das LI Format modifiziere, dann muss ich in diesem HTML File auch Hand anlegen.
Was meinst du? Schau mal folgende Beispieldatei an:
<html>
<head>
<title>Meine Beispieldatei</title>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
<body>
<h1>Mein Stil!</h1>
<p>Diese Seite sieht so aus, wie ich es will, da ich CSS verwende</p>
<ul>
<li>Und das</li>
<li>Sind viele</li>
<li class="small">kleine</li>
<li>Listenelemente</li>
</ul>
</body>
</html>
Und dann die Datei "mystyle.css":
body {
background-color: #000;
color: #FFF;
font: 1em Georgia,"Times New Roman",Times,sans-serif;
}
h1 {
font-size: 3em;
margin: 0.8em 0 2em 0;
}
li {
margin: 0;
padding: 0 0 0 20px;
}
li.small {
font-size: 0.8em;
}
So. wunderbar ist nun alles in der Seite so dargestellt, wie im CSS eingestellt. Alle <li>'s haben links einen Rand von 20px, und der mit der Klasse "small" ist sogar ganz besonders klein (also kleinere schriftgröße).
WauWau
--
ss:) zu:) ls:< fo:~ de:] va:) ch:° n4:# rl:( br:< js:| ie:% fl:| mo:|
WauWau E-Mail: coming soon