HTML Span Tutorial
HTML span element fungerer med Cascading Style Sheets (CSS) regler for å style en bestemt del av en side. Spennet er angitt i HTML-koden, og er knyttet til et ord som har forhåndsbestemt attributter satt i CSS. Lær hvordan du kan dra nytte av span koder for dine egne dokumenter.
CSS
For å begynne, opprette plassholder for CSS stilregler mellom åpning og lukking "<head> </ head>" koder.
Først legge inn "<style>" stil kode i hodet delen, fortelle leseren hva stilen typen er (tekst / css) og angi media attributtet. Mediene angir hvor stiler kan benyttes, for eksempel en skjerm eller skriver. De to mest brukte attributtene er "skjerm" eller skriv "all" for å dekke alle utgangsenheten. For eksempel:
<Head>
<Style type = "text / css" media = "screen">
</ Head>
Neste legge til "<! - ->" Kommentar der reglene faktisk bor. For eksempel:
<Head>
<Style type = "text / css" media = "screen">
<! -
din css her
->
</ Head>
klasse Selector
En klasse stiler vanlige typer innhold, brukes flere ganger i løpet av siden, og merkes med den foregående "." perioden karakter. Når du oppretter regler, bruke et ord som vil indikere bestemt stil. For eksempel, for å gjøre det første ordet i hvert avsnitt fet skriv:
<! -
.first {font-weight: bold; }
->
Nå finner avsnittet i HTML som inneholder det første ordet som du ønsker å bruke denne regelen på. Angi åpning og lukking span koder, før og etter den tiltenkte ordet, for å kalle opp CSS. For eksempel:
<P> <span class = "første"> Dette </ span> er et eksempel avsnitt. </ P>
Lagre filen din for å sørge for at stilene trer i kraft.
ID Selector
ID-velgeren, også brukes i forbindelse med et spenn, definerer en eksplisitt element på siden din, og er utpekt av "#" nummer karakter. Hver ID span brukes bare én gang, som lar deg lage en virkelig uavhengig stil når det er nødvendig. Som med en klasse regel skape et ord som betegner stilen, men denne gangen introdusere den med riktig symbol. For å demonstrere, for å skape en enkelt forekomst av blå tekst, skriver du:
<! -
blå {color: blue; }
->
Igjen, finne ønsket tekst i HTML og omslutter den med åpning og lukking span koder for å bruke CSS. For eksempel:
<Span id = "blue"> Dette er teksten som jeg ønsker å gjøre blå. </ Span>
Til slutt, sørg for å lagre dokumentet slik at du verifisere at CSS regelen (e) blir håndhevet.