Hvordan du velger bestemte segmenter for HTML5 og CSS3 programmering - dummies

Noen ganger vil du kanskje velge bare bestemte segmenter på HTML5 og CSS3 websiden din. Ta en titt på hvordan du bør referere til noen som ikke setter pris på din webutvikling.

Definere mer enn en slags avsnitt

Bortsett fra sin kulturelle verdi, er denne siden interessant fordi den har tre forskjellige stykkstiler. Det innledende avsnittet er normalt. Sitatet er satt i kursiv skrift, og attributtet er monospaced og right-aligned.

Sitatet i følgende kode ble generert av et flott nettsted: Shakespeare-fornærmelsen. Ingenting er mer tilfredsstillende enn å fortelle noen i iambisk pentameter.

sitat. html #quote {font: bold italic 130% Garamond, Comic Sans MS, fantasi; text-align: center;} #attribution {font: 80% monospace; Text-align: right;}

Litteratur Sitat av dagen
[Thou] leathern-jerkin, krystall-knapp, knot-pated, agate-ring, puke-strømpe, caddis-strømpe, glatt- tungen, spansk pose!

-William Shakespeare (Henry IV del I)
Styling identifiserte avsnitt

Inntil nå har du brukt CSS til å bruke en bestemt stil til et element over hele siden. For eksempel kan du legge til en stil på taggen, og den stilen gjelder for alle avsnittene på siden.

Noen ganger (som i Shakespeare-fornærmelsessiden), vil du gi ett element mer enn en stil. Du kan gjøre dette ved å navngi hvert element og bruke navnet i CSS-stilarket. Slik fungerer det:

Legg til et id-attributt til hvert HTML-element du vil endre.

1. Lag en stil i CSS.

2. Bruk et pundskilt etterfulgt av elementets ID i CSS for å angi at du ikke snakker om en taggetype lenger, men et bestemt element: For eksempel inneholder CSS-koden selgeren #attribution, meaning, "Apply this stil til et element med attributt ID. "

   #attribution {

   Legg til stilen.
   

3. Opprett en stil for å vise navnet ditt. I dette tilfellet vil du ha avsnittet med attributt ID rettjustert, monospace og litt mindre enn normalt. Denne stilen vil kun være knyttet til det spesifikke elementet.

   #attribution {font: 80% monospace; Text-align: right;}

   ID-tricket fungerer bra på ethvert navngitt element. ID-er må være
   

unike , så denne teknikken er best når du har en stil du vil søke på bare ett element på siden. Det spiller ingen rolle hvilken HTML-element den er.Hvis den har ID-sitatet, brukes #quote-stilen til den. Du kan ha både ID-selgere og ordinære velgere i samme stilark.