HTML + CSS: Aggiungere una classe/id in testo semplice

Attualmente sto bloccato a un problema probabilmente molto banale:HTML + CSS: Aggiungere una classe/id in testo semplice

Ho una semplice pagina HTML/CSS con un testo:

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

Come è possibile assegnare un id/classe CSS alla parola Text senza interrompere il formato? Diciamo che voglio aggiungere la classe .yellow ad essa, che visualizza il testo con uno sfondo giallo.

Credo di aver trovato qualcosa che blocca la mia mente causa che non può essere così difficile ... Ma tutto quello che posso google (per lo più banali tutorial) utilizza i CSS solo su soliti elementi HTML come  o  che rompere il mio formato .

fonte

2013-02-06 MOnsDaR

Penso che manchi il tag . Prova questo:

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

E in CSS:

.yellow{ 
color:yellow; 
}

fonte

2013-02-06 17:35:40 Abubakkar

esattamente quello Stavo per dire, arco è come un jolly di html – Toping

Aw -.- ho pensato che sarebbe stato qualcosa di simile. Grazie mille amico! – MOnsDaR

Utilizzare un elemento inline. Span è costruito appositamente per questo. In alternativa, se si desidera avere significato semantico dietro la sezione evidenziata, è possibile ri-stile  o  con qualcosa di simile:

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

fonte

2013-02-06 17:35:49

Hai solo bisogno di avvolgere la sezione in un arco come:

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

Vedi un esempio di lavoro qui http://jsfiddle.net/dZZfB/

Speranza che aiuta

fonte

2013-02-06 17:38:19 ottis

Grazie per l'esempio – MOnsDaR

Il codice HTML per esempio:

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

Il CSS:

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

fonte

2014-06-27 17:35:24 Spell

HTML + CSS: Aggiungere una classe/id in testo semplice

risposta

Problemi correlati