* Angabe in CSS-Datei

[Steve]

Hallo zusammen,

gerade lese ich in einer CSS-Datei den Befehl:

* {margin:0%; padding:0;}

Dieser ist ganz oben notiert. Was macht diese Abgabe denn?

Ist das ein IE Hach um alle Tags margin=0 und padding=0 zuzuweisen?

Danke im voraus...

Steve

[Ashura]

Hallo Steve.

gerade lese ich in einer CSS-Datei den Befehl:

CSS ist keine Programmiersprache, folglich gibt es dort auch keine Befehle.

* {margin:0%; padding:0;}

Dieser ist ganz oben notiert. Was macht diese Abgabe denn?

Siehe meine Antwort dazu hier: https://forum.selfhtml.org/?t=109708&m=687302

Ist das ein IE Hach um alle Tags margin=0 und padding=0 zuzuweisen?

Nein, eine gängige Methode, um allen Elementen in allen einigermaßen CSS-fähigen Browsern die Abstände zu nehmen.

Gruß, Ashura

[Steve]

Hi Meister Ashura,

danke für die Info.

In der Datei steht:

* {margin:0%;padding:0%;}
html,body {top:0%;right:0%;left:0%;min-height:100%;width:100%;}

Warum schreibt man dann nicht:

* {margin:0%;padding:0%;top:0%;right:0%;left:0%;min-height:100%;
  width:100%;}

Bye

Steve

[Ashura]

Hallo Steve.

In der Datei steht:

• {margin:0%;padding:0%;}

html,body {top:0%;right:0%;left:0%;min-height:100%;width:100%;}

  
Ohne eine vom Wert `static`{:.language-css} abweichende [position](http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position) sind die top-, right- und left-Eigenschaften hier absolut überflüssig. Das min-height ist ebenso nutzlos, da der IE dies bis heute nicht versteht. Und eine Breite von 100 % ist für die Elemente html und body sowieso Standard.  
  

> Warum schreibt man dann nicht:  
>   
> ~~~css

* {margin:0%;padding:0%;top:0%;right:0%;left:0%;min-height:100%;  

>   width:100%;}

Weil dies ebenso sinnfrei wäre.

Gruß, Ashura

[Cyx23]

Hallo Ashura,

• {min-height:100%;

width:100%;}

>   
> Weil dies ebenso sinnfrei wäre.  
  
Da würde ich eher befürchten dass es gar nicht sinnfrei wäre.  
  
Zudem gibt es noch nach webhits.de 2% Nutzer mit Netscape 4, der  
den Stern-Selektor nicht interpretiert.  
  
  
  
Grüsse  
  
Cyx23  
  

-- 
[Goldschmiedekurse Workshops Schmuckgestaltung Trauringe selber machen](http://www.lipfert-malik.de/schmuckwerke/goldschmiedekurse.html) :: [Barrierefreies Webdesign](http://www.lipfert-malik.de/webdesign/barrierefreies_webdesign.html)  

[Ashura]

Hallo Cyx23.

Hallo Ashura,

• {min-height:100%;

width:100%;}

> >   
> > Weil dies ebenso sinnfrei wäre.  
>   
> Da würde ich eher befürchten dass es gar nicht sinnfrei wäre.  
  
Du hast gerade den Teil meines Postings weggeschnitten, den ich als sinnfrei titulieren würde. ;-)  
  

> Zudem gibt es noch nach webhits.de 2% Nutzer mit Netscape 4, der  
> den Stern-Selektor nicht interpretiert.  
  
Auf solche Kleinigkeiten nehme ich nur noch insofern Rücksicht, dass ich das CSS vor diesem hoffnungslos veralteten Browsern verstecke.  
  
  
Gruß, Ashura

-- 
Selfcode: sh:( fo:) ch:? rl:( br:^ n4:& ie:{ mo:) va:) de:> zu:) fl:( ss:| ls:[ js:|  
[30 Days to becoming an Opera8 Lover](http://tntluoma.com/opera/lover/8/) -- [Day 19: Notes](http://operalover.tntluoma.com/8/day_19_notes)  
Meine Browser: Opera 8.01 | Firefox 1.0.4 | Lynx 2.8.3 | Netscape 4.7 | IE 6.0  
[\[Deshalb frei! - Argumente pro freie Software\]](http://deshalbfrei.org/)

[Ashura]

Hallo Ashura.

Du hast gerade den Teil meines Postings weggeschnitten, den ich als sinnfrei titulieren würde. ;-)

Ich meinte natürlich „... den Teil des Quellcodes ...“. ;-)

Gruß, Ashura

[Steve]

Hi Ashura,

folgende Angabe:

body {font-family:Verdana,Helvetica,Arial,sans-serif;
      font-size:100.01%;}

bewirkt doch dass allen Tags obige Schriftart zugewiesen wird.

Sollte man dann nicht:

* {font-family:Verdana,Helvetica,Arial,sans-serif;
   font-size:100.01%;}

schreiben.

Sorry, ich schliesse jetzt mal die älteren Browser aus.

Bye

Steve

[Ashura]

Hallo Steve.

folgende Angabe:

body {font-family:Verdana,Helvetica,Arial,sans-serif;

font-size:100.01%;}

>   
> bewirkt doch dass allen Tags obige Schriftart zugewiesen wird.  
  
Nein, das ist nicht richtig.  
Dieses Regelset weißt dem Element body und allen seinen Kindelementen die angegebenen Schriftformatierungen zu.  
  

> Sollte man dann nicht:  
>   
> \* {font-family:Verdana,Helvetica,Arial,sans-serif;  
>    font-size:100.01%;}  
>   
> schreiben.  
  
Das ist etwas anderes. Hier wird die Schriftformatierung allen Elementen zugewiesen. (Der Effekt ist aber im Grunde derselbe, wobei oben eigentlich nur html, als weiteres sichtbares Element, nicht formatiert wird.)  
  

> Sorry, ich schliesse jetzt mal die älteren Browser aus.  
  
Und genau das ist der gravierende Unterschied der hier die Entscheidung für die erste Variante lenken sollte.  
  
  
Gruß, Ashura

-- 
Selfcode: sh:( fo:) ch:? rl:( br:^ n4:& ie:{ mo:) va:) de:> zu:) fl:( ss:| ls:[ js:|  
[30 Days to becoming an Opera8 Lover](http://tntluoma.com/opera/lover/8/) -- [Day 19: Notes](http://operalover.tntluoma.com/8/day_19_notes)  
Meine Browser: Opera 8.01 | Firefox 1.0.4 | Lynx 2.8.3 | Netscape 4.7 | IE 6.0  
[\[Deshalb frei! - Argumente pro freie Software\]](http://deshalbfrei.org/)

[MudGuard]

Hi,

body {font-family:Verdana,Helvetica,Arial,sans-serif;

font-size:100.01%;}

> >   
> > \* {font-family:Verdana,Helvetica,Arial,sans-serif;  
> >    font-size:100.01%;}  
  

> Das ist etwas anderes. Hier wird die Schriftformatierung allen Elementen zugewiesen. (Der Effekt ist aber im Grunde derselbe, wobei oben eigentlich nur html, als weiteres sichtbares Element, nicht formatiert wird.)  
  
Nein, der Effekt ist nicht derselbe.  
Probiers mal mit font-size:200% aus, da fällt es stärker auf.  
  
Bei  
<body><p>bla</p></body>  
wird im ersten Fall das bla mit 200% der Schriftgröße, die im Browser voreingestellt ist, dargestellt. Im zweiten Fall mit 400%.  
  
Angaben bei body {} werden nur für diejenigen Eigenschaften vererbt, wenn bei der jeweiligen Eigenschaft inherit "yes" gesetzt ist.  
Bei \* {} wird die Eigenschaft direkt für jedes Element gesetzt.  
  
cu,  
Andreas

-- 
[Warum nennt sich Andreas hier MudGuard?](http://www.Mud-Guard.de/)  
[Schreinerei Waechter](http://www.schreinerei-waechter.de/)  
  
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.  

[Ashura]

Hallo MudGuard.

Bei
<body><p>bla</p></body>
wird im ersten Fall das bla mit 200% der Schriftgröße, die im Browser voreingestellt ist, dargestellt. Im zweiten Fall mit 400%.

Logisch, zuerst erhält html eine Schriftgröße von 200% und danach body eine Schriftgröße von 200% der 200%, macht nach Adam Ries 400%. Mein Fehler.

Angaben bei body {} werden nur für diejenigen Eigenschaften vererbt, wenn bei der jeweiligen Eigenschaft inherit "yes" gesetzt ist.

Hätte ich deutlicher schreiben müssen, ja.

Bei * {} wird die Eigenschaft direkt für jedes Element gesetzt.

Sagte ich aber auch schon; auch wenn ich mir der tatsächlichen Auswirkungen noch nicht bewusst war.

Gruß, Ashura

[Steve]

Hi Ashura,

sorry, dass ich nochmal störe ;-)

"Dieses Regelset weißt dem Element body und allen seinen Kindelementen die angegebenen Schriftformatierungen zu."

Um welche Tags handelt es sich denn bei den Kindelementen von body?

<p></p>, <div></div>

Gibt es da eine Liste im www?

Bye

Steve

[Ingo Turski]

Hi,

"Dieses Regelset weißt dem Element body und allen seinen Kindelementen die angegebenen Schriftformatierungen zu."

Um welche Tags handelt es sich denn bei den Kindelementen von body?

Um alle Elemente der Seite (die ja in BODY stehen), an die die jeweilige Eigenschaft vererbt werden kann. Und das ist der Fall, "wenn bei der jeweiligen Eigenschaft inherit "yes" gesetzt ist" - um mal Andreas zu zitieren.

Gibt es da eine Liste im www?

Du kannst die o.g. Angabe beim W3C nachlesen: http://www.w3.org/TR/2005/WD-CSS21-20050613/.
Beachte aber, daß der IE da ein paar Fehler macht und z.B. nicht alle Eigenschaften an Tabellenzellen vererbt.

freundliche Grüße
Ingo

[Ashura]

Hallo Steve.

Um welche Tags handelt es sich denn bei den Kindelementen von body?

Um welche Elemente meinst du sicher.
Ein Tag ist so etwas: <p> oder auch das hier </a>.
Ein Element besteht aber aus Anfangs- und Endtag: <p></p>, <a></a>.

<p></p>, <div></div>

Gibt es da eine Liste im www?

Natürlich, was meinst du, wo wir hier sind? ;-)

-> SelfHTML Elementreferenz: body

Gruß, Ashura

[Tobias Kloth]

Hallo Steve,

neben dem was Ashura bereits schrieb:

* {margin:0%;padding:0%;}
html,body {top:0%;right:0%;left:0%;min-height:100%;width:100%;}

Warum schreibt man dann nicht:

* {margin:0%;padding:0%;top:0%;right:0%;left:0%;min-height:100%;
  width:100%;}

Weil du damit allen Elementen diese Eigenschaften zuweisen würdest - mit dem Schnippsel oben, werden die Werte von top, right, min-height usw. lediglich den Elementen html und body zugewiesen.

Grüße aus Nürnberg
Tobias