Hva er bruk av CSS Containere?

CSS, eller Cascading Style Sheets, er en stil-ark språk som brukes i samråd med HTML for å lage websider. CSS gir utviklere mer kontroll over hvordan en side ser ut og føles. En måte språket oppnår dette er gjennom anvendelse av "beholdere", rektangulære blokker som holder tekst, bilder eller annet innhold. Beholdere tilveiebringe en Web-side struktur, selv om de ikke er umiddelbart synlige. Containere også bedre brukervennlighet for brukere med ulike innstillingene i nettleseren.

Funksjon

I CSS, er sidene består av beholdere, som hver innehar tekst, koblinger og annen informasjon. Disse boksene kan plasseres foran eller bak hverandre. Designere kan endre dimensjoner og orientering av CSS beholdere; de kan justeres ved siden av hverandre eller i avstand fra hverandre. Containere kan ha definerte farger og grenser, eller de kan være usynlige strukturelementer. Containere er alltid rektangulær, men de kan ordnes for å simulere flere organiske former.

fordeler

Containere gir større fleksibilitet design og mer kontroll enn tabeller, primær formatering metoden som brukes i HTML. I motsetning til bord, trenger containere ikke begrense sider til et rutenett form. Siden flere containere kan overlappes, kan designere lage en nestet utseende eller flyte tekst og bilder over hverandre. Riktig utformet containere også øke siden tilgjengelighet. De viser tekst i riktig rekkefølge for brukere med tekstbaserte nettlesere, Braille nettlesere og andre ikke-standard visningsprogrammene. Når formatert med prosentverdier, containere holde teksten lesbar uten å rulle, selv for brukere som surfer bruke større skrift.

posisjonering

Beholdere ha en posisjonering eiendom, som er enten absolutt eller relativ. Absolutt posisjonering plasserer beholderen på et bestemt punkt på siden. Relativ posisjonering plasserer beholderen ved et punkt i forhold til andre sideelementer. Absolute beholder posisjonering fungerer best når en beholder må bli satt, uansett hva annet vises på siden. Relativ posisjonering fungerer best når siden må se det samme i vinduer i forskjellige størrelser og på forskjellige nettlesere.

Størrelse

Størrelsen og formen på en beholder er avhengig av to egenskaper: bredde og høyde. Som posisjonering, kan disse angis som enten absolutte eller relative verdier. Absolutte containere er spesifisert i form av piksler, mens relative beholderne er angitt som en prosentandel av sine overordnede elementer. Således vil en beholder som er angitt som "50%" bred ville være halvparten av bredden av den større, ordnede beholderen som omgir den. Designere kan mikse og matche relative og absolutte størrelser i en beholder, slik at høyden løst, men bredden fleksibel. Dette gjør sider til å endre bredde for tilpasning til ulike skjermoppløsninger uten å miste eller få for mye høyde.

Layers

CSS beholder lagdeling åpner for mer dynamisk design enn vanlig HTML. Designere diktere layering bruke "z-index" eiendom, som kan være automatisk eller angitt med et nummer. Et element med et høyere antall vil alltid vises på toppen av et element med et lavere tall. Designere kan bruke både positive og negative tall for beholderens z-index.