2010-03-23 12 views
109

Wer weiß, warum CSS color für Text bietet, aber nicht font-color oder text-color?CSS "Farbe" vs. "Schriftfarbe"

Scheint sehr kontraintuitiv, eine Art wie eher als font-style oder etwas in Bezug auf Schriftarten.

Weiß jemand, warum/wie das W3C solch eine breite Palette von CSS-Namen wie diese hatte?

+1

Ich habe eine Petion einzuführen, um die "font-color" Eigenschaft gestartet. Vielleicht möchten einige von euch es unterschreiben. https://www.change.org/p/world-wide-web-consortium-introduce-the-font-color-css-property?recruiter=238928026&utm_source=share_for_starters&utm_medium=copyLink – tsuma534

Antwort

89

Ich würde denken, dass ein Grund sein könnte, dass die Farbe auf andere Dinge als Schriftart angewendet wird. Beispiel:

div { 
    border: 1px solid; 
    color: red; 
} 

Ergibt sowohl eine rote Schriftfarbe als auch eine rote Umrandung.

Alternativ könnte es einfach sein, dass die CSS-Standards des W3C vollständig rückwärts und unsinnig sind, wie an anderer Stelle belegt.

+2

Guter Punkt, aber der Rahmen bekommt die Schriftfamilie nicht –

+3

Versuchen Sie Folgendes zum CSS auf dieser Seite hinzuzufügen: '.post-text { Farbe: blau; Grenze: 1px festes Rot; } 'Sie werden feststellen, dass die Textfarbe blau ist, obwohl die Rahmenfarbe rot ist. – Robusto

+0

dann per Definition ist Schriftfarbe schneller als Farbe, da es weniger Arbeit zu tun hat. – kta

156

Auf die gleiche Art und Weise hat Boston seinen Straßenplan entwickelt. Sie folgten den Kuhpfaden, die bereits dort waren, und bauten Häuser, wo die Straßen nicht waren, und nach einer Weile war es zu viel Mühe, sich zu ändern.

+11

Leider wackeln diese Leute mit den Fingern in der Community, Tabellen so lange als Layout-Strukturen zu verwenden, wenn CSS kein äquivalentes Layout-Raster liefert. –

+3

@Fred - Ja, deshalb habe ich weiterhin Tabellen verwendet. Hoffentlich wird HTML 5 ein Grid-Tag haben. –

+2

was? Ich bekomme es nicht – miky

4

Ich weiß, dies ist ein altes postб ist aber als MisterZimbu angegeben, die color Eigenschaft wird definiert, die Werte anderer Eigenschaften, wie die border-color und mit CSS3, von currentColor.

currentColor ist sehr praktisch, wenn Sie die Schriftfarbe für andere Elemente verwenden möchten (als Hintergrund oder benutzerdefinierte Kontrollkästchen und Radios von inneren Elementen zum Beispiel).

Beispiel:

<style type="text/css"> 
    .element{ 
     color: green; 
     background: red; 
     display: block; width:200px; height:200px; padding:0;margin:0; 
    } 
    .innerElement1{ 
     border: solid 10px; 
     display: inline-block; width:60px; height:100px; margin: 10px; 
    } 
    .innerElement2{ 
     background: currentColor; 
     display: inline-block; width:60px; height:100px; margin: 10px; 
    } 
</style> 
<div class="element"> 
    <div class="innerElement1"></div> 
    <div class="innerElement2"></div> 
</div> 
+1

Sie haben mich einfach umgehauen. Das Ganze in übersichtlichen CSS-Tricks ablegen. – kamranicus