Come cancellare gli elementi CSS con Inheritance / Myclads.com

Come cancellare gli elementi CSS con Inheritance

August 28

Quando si galleggiare componenti del sito, ad esempio immagini, si ha la possibilità di utilizzare il Sheets (CSS) attributo clear Cascading Style per specificare dove le immagini non devono mostrare rispetto per l'elemento principale a cui è assegnata. I figli degli elementi padre anche ereditano questo stile quando sono annidati tra i tag genitore. Utilizzare editor di testo del computer per applicare le regole che gli elementi CSS chiare con l'ereditarietà.

istruzione

1 Portate il vostro programma di editor di testo. Caricare il file sito web che si sta applicando gli stili CSS per e digitare il seguente prima di </ head> tag di chiusura:

</ Style>

2 Inserire un elemento padre, come ad esempio DIV, e digitare ".clear" dopo di esso. Seguire questo con un paio di parentesi graffe:

div.clear {}

Lo stile div.clear inizia la regola che specifica come gli elementi vengono cancellati sia l'elemento DIV e come essi vengono ereditati in elementi figli.

3 Tipo "chiaro:" tra le staffe e immettere un valore, come "destra" o "sinistra", per specificare dove gli elementi galleggianti non sono consentiti:

div.clear {clear: right; }

4 Inserire "<div class =" clear "> </ div>" nel codice HTML ovunque sotto l'apertura tag <body>.

5 Digitare un elemento secondario, come ad esempio "<p> </ p>" tag di paragrafo, tra gli elementi DIV e inserire il proprio contenuto tra di loro:

<P> Questo è il testo. </ P>

</ Div>

6 Salvare il file. L'elemento figlio ora eredita l'attributo clear assegnato all'elemento genitore.

Consigli e avvertenze

Quando si galleggiare elementi, come immagini, a determinare dove compaiono nella pagina Web. Un elemento genitore è un tag HTML, come ad esempio <h1>, che comprende un altro elemento come <em>. Per esempio:
<H1> <em> Testo qui </ em> </ h1>
In questo caso, <em> è l'elemento bambino e ne eredita lo stile chiaro assegnato a <h1>.