Hjem Sosiale medier Grunnleggende om CSS3 måleenheter - dummies

Grunnleggende om CSS3 måleenheter - dummies

Video: Web Development - Computer Science for Business Leaders 2016 2024

Video: Web Development - Computer Science for Business Leaders 2016 2024
Anonim

Det er mange måter å spesifisere en verdi på når man arbeider med CSS3. For eksempel kan du bare si at nettleseren skal bruke en stor skrift (hvor medium er standardstørrelsen). Du kan også fortelle nettleseren å beregne en størrelse basert på nettleserens konfigurasjon.

Relative målinger gjør det mulig for nettleseren å justere innholdspresentasjonen for å matche størrelsen på enheten som viser den, men ved hjelp av relative målinger betyr det også at brukeren kanskje ikke ser innholdet som du opprinnelig ønsket å presentere det.

I sjeldne tilfeller kan bruk av relative målinger faktisk gjøre innholdet ubrukelig fordi nettleseren ikke vet hvordan man bruker de relative målingene for å presentere innholdet riktig.

Absolutt målinger har fordelen av å tillate nøyaktig plassering av innhold på skjermen og gjøre innholdet til en bestemt størrelse eller gi innholdet et presist utseende. Bruk imidlertid bare absolutte målinger når du er sikker på brukerens konfigurasjon.

Du kan for eksempel bruke absolutt målinger når du oppretter et program som er til intern bruk i organisasjonen din, og organisasjonen har mandat til enhetskonfigurasjoner.

Når du lager absolutt målinger, og noen relative målinger, må du bruke en måleenhet som nettleseren vil forstå. Her er standardiserte måleenheter som hver nettleser vil forstå, sammen med en beskrivelse av den måling:

Symbol Måling Type Beskrivelse
% Prosent Relativ En prosentandel av et bestemt element. For eksempel kan en tabell

kolonne forbruke en prosentandel av plassen som er tildelt for

hele bordets bredde.

i Tommer Absolutt Antallet skjerm eller trykte tommer som skal brukes til å vise et

-element. Antall piksler i tommer varierer i henhold til enhet

og enhetskonfigurasjon.

cm Centimeter Absolutt Antallet av skjerm eller trykte sentimeter som skal brukes til å vise

et element. Antall piksler i en centimeter varierer i henhold til

til enhet og enhetskonfigurasjon.

mm Millimeter Absolutt Antallet av skjerm eller trykte millimeter som skal brukes til å vise

et element. Antall piksler i en millimeter varierer i henhold til

til enhet og enhetskonfigurasjon.

em Em Relativ En em beregnes basert på gjeldende skriftstørrelse. Standardverdien

for de fleste desktop-nettlesere er 16 px = 1 em. Men noen

kan konfigurere nettleseren til å bruke en mindre eller større standard

skrift.

ex Ex Relativ En motpart til emet, exen er den beregnede x-høyden på en

skrift, i stedet for den fulle høyden på skrifttypen. Ellers fungerer exs

det samme som ems.

pt Punkt Absolutt Hvert punkt er omtrent 1/72-tommers.
pc Pica Absolutt Hver pica er lik tolv poeng.
px Piksel Relativ Angir en individuell prikk på skjermen. Dette er en relativ

måling fordi den tar hensyn til variabelt antall

piksler som brukes av hver enhet over en bestemt måling (normalt en

tommer eller centimeter). Mange utviklere bruker piksler når god

presentasjonskontroll er nødvendig, men det er ønskelig med fleksibilitet når det gjelder å tilpasse seg til

en bestemt plattform.

Grunnleggende om CSS3 måleenheter - dummies

Redaktørens valg

Hvordan du endrer temafonter i PowerPoint 2007 - dummies

Hvordan du endrer temafonter i PowerPoint 2007 - dummies

Velger et tema i PowerPoint setter temafonter, opprette en skrift for overskriftene dine og en annen for din kroppstekst. Hvis du ikke vil bruke temafonter knyttet til temaet du har valgt, følger du disse trinnene:

Hvordan du endrer handoutmasteren i PowerPoint 2007 - dummies

Hvordan du endrer handoutmasteren i PowerPoint 2007 - dummies

PowerPoint Handout Master inneholder formateringsinformasjon som er brukes automatisk til PowerPoint-presentasjonen. Du kan endre Handout Master for å dekke dine behov.

Hvordan du endrer Notes-masteren i PowerPoint 2007 - dummies

Hvordan du endrer Notes-masteren i PowerPoint 2007 - dummies

Redusert bilde av PowerPoint-lysbildet, og eventuelle notater som går sammen med lysbildet. Når det skrives ut, formateres sider formatert i henhold til Notes Master. Pass på at du legger til sidetall i høyttalervennene dine. På den måten, hvis du slipper en stabel med notasider, vil du ...

Redaktørens valg

Word 2016 Tekstoppføring og formaterings snarveier - dummies

Word 2016 Tekstoppføring og formaterings snarveier - dummies

Word 2016 gir deg mange måter å interagere med dokumentet. Det er flere tastaturgenveier som kan være en flott tidsbesparende. Med disse hurtigtastene kan du øke hastigheten på tekstredigering og formatering. For å gjøre dette Med tastaturet Start en ny linje i samme avsnitt Shift + Enter Sett inn en sideskift Ctrl + Enter Sett inn ...

Word 2016 Se snarveier - dummier

Word 2016 Se snarveier - dummier

Noensinne føler at du bare ikke har det rette perspektivet? Vel, Word 2016 gjør det enkelt å endre dokumentvisningen slik at du kan få et annet perspektiv. Med disse hurtigtastene kan du bytte mellom ulike visninger i Word 2016. Bytt til denne visningen Med tastaturet Utskriftsoppsett Alt + Ctrl + P Utkast Alt + Ctrl + O Utkast ...

Hvordan skrive melding Popup-makroer i Word 2016 - dummies

Hvordan skrive melding Popup-makroer i Word 2016 - dummies

Den mest grunnleggende typen Programmering, i Word 2016 eller et annet program, er kode som spretter ut en enkel melding på skjermen. Faktisk begynner de aller nybegynnere programmeringsbøkene med et prøveprogram for å vise teksten Hello, World! Word-makroer er ikke forskjellige. Følgende makro, message_popup1, viser en dialogboks ...

Redaktørens valg

Legg til tekst til lukkede figurer med Adobe CS5-dummies

Legg til tekst til lukkede figurer med Adobe CS5-dummies

Adobe Creative Suite 5 (AdobeCS5) Illustrator lar deg å plassere tekst inni eller på banen til en lukket form. Disse alternativene er et betydelig tillegg til tekstformatering verktøykassen. Opprette tekst i lukket form Når du legger inn tekst i en form, kan du legge til et spunk i et oppsett. Med denne funksjonen kan du skreddersy ...

Adobe CS5 Illustrator Area Type Tool - dummies

Adobe CS5 Illustrator Area Type Tool - dummies

En enkel og praktisk måte å lage rader og kolonner med tekst på er å bruk områdestypealternativer i Adobe Creative Suite (Adobe CS5) Illustrator. Denne funksjonen lar deg lage rader og kolonner fra et hvilket som helst tekstområde. Du kan bare ha rader eller bare kolonner (som kolonner av tekst i en avis) ...

Adobe CS5 Illustrator Clipping Masks - dummies

Adobe CS5 Illustrator Clipping Masks - dummies

Adobe Creative Suite 5 (Adobe CS5) Illustrator inkluderer Clipping Mask funksjonalitet. I likhet med å peering gjennom et hull i et stykke papir til gjenstandene under den, tillater en utklippsmaske et øverste objekt å definere de valgte figurene under den; Med en kappemaske er området rundt den definerende formen imidlertid gjennomsiktig. ...