Thema: Definition von "." (Punkt)

Hi. ich habe einen Quelltext von einer *.css datei gefunden.
einige zeilen beginnen mit einem punkt, wie zum beispiel


.b { font-weight: bold; font-family: Arial, Helvetica, sans-serif }
.small  { font-size: 14pt; font-family: Arial, Helvetica, sans-serif }
.18pt { font-size: 18pt; font-family: Arial, Helvetica, sans-serif }
.standard  { font-size: 9pt; font-family: Arial, Helvetica, sans-serif }
.big { font-size: 10pt; font-family: Arial, Helvetica, sans-serif }


wofür steht der punkt?

Re: Definition von "." (Punkt)

Hallo!

Mit einem Punkt beginnen alle Klassen-Definitionen.

Probier zum Beispiel mal den folgenden HTML-Code mit deinem CSS-Code aus:

<div class="b">Das hier wird fett</div>
<div class="small">Kleiner!?</div>

Siehst du, was es mach?

Mamphil

The laws of physics are the canvas God laid down on which to paint his masterpiece. “Leonardo Vetra” in Dan Brown’s “Angels & Demons”

Re: Definition von "." (Punkt)

bin noch ziemlich neu auf dem gebiet CSS

ist es nicht das gleiche, ob ich

<div class="b">Das hier wird fett</div>

oder

<b>Mein Text</b> schreibe?

Re: Definition von "." (Punkt)

Richtig, das ist nicht das gleiche. Vielleicht wird es dir mit diesem Beispiel klarer:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<style type="text/css">
/* Style für Fetten Text (HTML-Code <b> oder <strong> */
b, strong {
    /* "entfetten": fette Schrift wird nicht mehr fett angezeigt */
    font-weight: normal;
}
/* Klasse, die etwas fett macht */
.fett {
    font-weight: bold;
}
/* nur kursiv gestellte Sachen, die fett gemacht werden sollen, sollen nicht mehr kursiv sein! */
i.fett, em.fett {
    font-style: normal;
}
</style>
</head>

<body>
<strong>Dieser Text sollte eigentlich fett sein - er ist es aber nicht!</strong><br />
<br />
<strong class="fett">Dieser Text ist endlich fett.</strong><br />
<br />
<strike>Ich bin durchgestrichen </strike><strike class="fett">... und fett!</strike><br />
<br />
<i>Ein weng kursive gedrucktes...</i><br />
<br />
<i class="fett">Das ist eigentlich auch kursiv, ist es aber dank CSS nicht mehr.</i>

</body>
</html>
The laws of physics are the canvas God laid down on which to paint his masterpiece. “Leonardo Vetra” in Dan Brown’s “Angels & Demons”

Re: Definition von "." (Punkt)

Skript0r schrieb:

.big { font-size: 10pt; font-family: Arial, Helvetica, sans-serif }

wofür steht der punkt?

Dass der Punkt eine Klassenanweisung definiert, wurde ja schon gesagt.

Korrekterweise müßte vor dem Punkt der Name eines Elementes stehen, z. B. "h1" für eine Überschrift oder "div". Soll die Anweisung für alle Arten von Elementen stehen, müßte man eigentlich einen Stern (*) davor setzen.

CSS ist aber wohl von bequemen Leuten für bequeme Leute konzipiert worden wink daher kann man den * auch weg lassen. Eine Definition wie oben heißt also: Gilt für alle Elemente der Klasse 'big', egal um welchen Typ es sich handelt.

Vielleicht ist das hier ja erhellend:
http://www.sf-germany.org/css-workshop/ … Selektoren

Gruß, WebBird