Come nascondere i paragrafi con i CSS

April 3

Se si dispone di punti sul tuo sito web che si desidera conservare, ma non si desidera visualizzare sulla pagina, si ha la capacità di mascherare queste informazioni utilizzando Cascading Style Sheets (CSS). Cloaking i dati è l'ideale quando attualmente non finalizzati a scopi del tuo sito web. CSS ti dà la possibilità di creare una regola che realizza questo compito, e vi permette di applicarlo solo ai paragrafi che si desidera. Utilizzare editor di testo del computer per nascondere i paragrafi con i CSS, come si preferisce.

istruzione

1 Portare il file pagina Web desiderato nel programma di editor di testo del computer.

2 Individuare la chiusura "</ head>" tag nella parte superiore della pagina e inserire il seguente codice CSS prima che:

<Style type = "text / css">

<! -

p.hide {}

->

</ Style>

</ Head>

Il selettore "p" rappresenta paragrafi, e il ".nascosto" crea una regola di classe che nasconde i paragrafi specificati.

3 Tipo "display: none;" tra le parentesi graffe. Illustrare:

p.hide {display: none; }

4 Posizionare il cursore all'interno del tag di apertura del paragrafo che si desidera nascondere. Inserire "class =" e digitare "nascondere" dopo il segno di uguale per applicare la regola CSS. Per esempio:

<P class = "nascondere"> Questo è il punto nascosto. </ P>

Ripetere questa procedura per tutti gli altri paragrafi che si desidera rimanere invisibile.

5 Salvare il file. Carica la tua pagina per l'host Web che contiene i documenti del sito web.