HTML + CSS: Fügen Sie eine Klasse/id zu einfachen Text

ich zur Zeit an einem wahrscheinlich sehr trivialen Problem bin stecken:HTML + CSS: Fügen Sie eine Klasse/id zu einfachen Text

Ich habe eine einfache HTML/CSS-Seite mit einem Text:

<head></head> 
<body> 
    This is a Text about Foobar. 
</body>

Wie ist es möglich, dem Wort eine CSS-Klasse/ID zuzuweisen, ohne das Format zu sprengen? Nehmen wir an, ich möchte die Klasse .yellow hinzufügen, die den Text mit einem gelben Hintergrund anzeigt.

Ich denke, ich habe etwas blockiert meinen Verstand, weil es nicht so schwierig sein kann ... Aber alles, was ich googlen kann (meist triviale Tutorials) verwendet CSS nur auf üblichen HTML-Elementen wie  oder , die mein Format brechen würde .

Quelle

2013-02-06 MOnsDaR

Ich denke, Sie verpassen  Tag. Probieren Sie dies aus:

<head></head> 
<body> 
    This is a <span class="yellow">Text</span> about Foobar. 
</body>

Und in CSS:

.yellow{ 
color:yellow; 
}

Quelle

2013-02-06 17:35:40 Abubakkar

genau das, was ich im Begriff war, sagen, ist Spannweite wie ein Joker von html – Toping

Aw -.- Ich dachte, es so etwas wie dieses wäre. Vielen Dank Alter! – MOnsDaR

Verwenden Sie ein Inline-Element. Span ist dafür gedacht. Alternativ, wenn Sie semantische Bedeutung hinter dem markierten Bereich haben möchten, können Sie sich erneut Stil  oder  mit so etwas wie:

strong.highlight{ 
    font-weight:normal; 
    font-style:normal; 
    background:yellow; 
}

Quelle

2013-02-06 17:35:49

Sie nur den Abschnitt in einer Spanne wickeln müssen wie:

<span>This is a <span class='yellow'>Text</span> about Foobar.</span>

sehen Sie ein funktionierendes Beispiel hier http://jsfiddle.net/dZZfB/

Hoffnung, die

Quelle

2013-02-06 17:38:19 ottis

Danke für das Beispiel – MOnsDaR

Der HTML-Code für Beispiel hilft:

<center><span class="t1">Test1</span></center>

Die CSS:

<style type="text/css"> 
    .t1 { 
     color: white; 
     text-shadow: black 0.1em 0.1em 0.2em; 
    } 
</style>

Quelle

2014-06-27 17:35:24 Spell

HTML + CSS: Fügen Sie eine Klasse/id zu einfachen Text

Antwort

Verwandte Themen