HTML Span Tutorial

August 6

L'elemento arco HTML funziona con fogli regole (CSS) Cascading Style per lo stile un particolare componente di una pagina. L'intervallo viene inserito all'interno del codice HTML ed è collegato a una parola che è predeterminato attributi impostati all'interno del CSS. Imparare a sfruttare le tag span per i propri documenti.

CSS

Per iniziare, creare il segnaposto per le regole di stile CSS tra l'apertura e la chiusura "<head> </ head>" tag.

In primo luogo, incorporare il "<style>" tag style nella sezione head, dire al browser quali il tipo di stile è (text / css) e specificare l'attributo media. Il supporto indica dove gli stili possono essere utilizzati, come uno schermo o una stampante. I due attributi più utilizzati sono "schermo" o inserire "tutto" per coprire ogni dispositivo di output. Per esempio:
<Head>
<Style type = "text / css" media = "screen">
</ Head>

Successivamente aggiungere il "<! - ->" Commento in cui le regole in realtà vivono. Per esempio:
<Head>
<Style type = "text / css" media = "screen">
<! -
il CSS qui
->
</ Head>

Classe Selector

A stili di classe comuni tipi di contenuti, utilizzati più volte in tutta la pagina, ed è indicato con il precedente "." carattere di periodo. Quando si creano le regole, usare una parola che indica lo stile particolare. Ad esempio, per effettuare la prima parola di ogni paragrafo entrare grassetto:
<! -
.first {font-weight: bold; }
->

Ora, trovare il punto nel codice HTML che contiene la prima parola che si desidera applicare questa regola. Inserire l'apertura e chiusura tag span, prima e dopo la parola previsto, per richiamare il CSS. Per esempio:
<P> <span class = "primo"> Questo </ span> è un paragrafo di esempio. </ P>

Salvare il file per assicurarsi che i vostri stili abbiano effetto.

ID Selettore

Il selettore di ID, utilizzato anche in combinazione con un arco, definisce un elemento esplicito nella pagina ed è indicata dal "#" carattere numero. Ogni campata ID viene utilizzato una sola volta, che permette di creare uno stile veramente indipendente in caso di necessità. Come con un dominio di classe, creare una parola che denota lo stile, ma questa volta introduce con il simbolo corretto. Per dimostrare, per creare una singola istanza di testo blu, digitare:
<! -

blu {color: blue; }

->

Anche in questo caso, trovare il testo desiderato nel codice HTML e circondano con l'apertura e chiusura tag span per applicare il CSS. Per esempio:
<Span id = "blue"> Questo è il testo che voglio fare blu. </ Span>

Infine, assicurarsi di salvare il documento in modo da verificare che la regola CSS (s) vengono applicate.