La cancellazione di testo da un tag div e la sua sostituzione con altri contenuti CSS-determinata è una tecnica fondamentale di sviluppo Web. E 'utilizzato per l'ottimizzazione dei motori di ricerca, per dare loghi e altre immagini significato semantico estraibile dai crawler Web. Questa tecnica deve essere usata con giudizio tuttavia, come l'uso eccessivo è spesso una violazione dei termini del motore di ricerca di servizi e può causare il vostro sito di essere bandito.

istruzione

1 Aprire un editor di testo e incollare il seguente codice:

<Div id = "tutorial">

<p>Some Content</p>

</ Div>

Questo codice crea un div e visualizzare il testo "Alcuni contenuto" all'interno di esso. In HTML (Hyper Text Markup Language) gergo, un "div" è solo un contenitore per i contenuti.

2 Incollare il seguente codice sopra il div.

<Style>

p {text-tutorial di rientro: -9999px}

</ Style>

Questo codice tira il testo dal div.

3 Sostituire il testo modificando il codice CSS in questo modo:

<Style>

p esercitazione {text-trattino: -9999px; background-image: 'someimage.png'}

</ Style>

Questo sostituirà il testo con un'immagine di sfondo.

4 Modificare il codice di stile nuovo con le seguenti modifiche:

<Style>

p esercitazione {text-trattino: -9999px; blocco di visualizzazione; width: 50px; altezza 50px; background-color: red}

</ Style>

Questo sostituisce il testo con un quadrato di 50 pixel. Altre sostituzioni sono possibili; le variazioni sono infinite. CSS è stato concepito per essere un linguaggio molto descrittivo.

5 Salvare il documento come file ".html" e aprirlo in un browser Web per vedere i risultati. Questo può essere fatto ad ogni passo, o ogni volta che si sente come vedere i risultati delle modifiche.