IntroductionI skrev en artikkel en gang kalt, Web Page Design for alle oppløsninger. I den artikkelen understreket I på bruken av CSS prosentenhet der det er mulig, i stedet for andre enheter som pixel. Denne referansen er en oppfølging på det. Den prosentenhet for en CSS eiendom er gitt i forhold til en annen CSS eiendom. Jeg gir deg alt dette forholdet i denne artikkelen. Så som du har tenkt å designe din nettside for alle datamaskinen skjermoppløsninger, du bare kommer hit for å vite betydningen av den prosentvise verdien du har å gi (hvis du ikke allerede vet).
Merk: Nettleseren din kan ikke gjennomføre alle relasjoner nedenfor. Også er det mange CSS egenskaper ikke bruke målinger (ikke bruk prosent, pixel, etc.) Listen er ikke så lenge som du kanskje tror. Merk: A inneholdende blokk er en inneholdende element. Denne referansen er basert på CSS2, som er den nyeste versjonen av CSS, today.Note: Hvis du ikke kan se koden, eller hvis du tror noe mangler (ødelagt kobling, bilde fraværende), bare kontakte meg på [email protected]. Det er, kontakt meg for den minste problemet du har om hva du reading.
100% Verdien (eiendom) at prosentverdi (eiendom) i spørsmålet refererer til, er 100%. Dette betyr at den aktuelle verdien er en brøkdel av den verdi den viser til (målt i forhold til). CSS BoxMost HTML-elementer er i form av en boks, med en polstring rektangulær stripe rundt det, da en kant rektangulær stripe rundt det, og en rektangulær stripe margin rundt seg. Området uten padding, border og margin er innholdsområdet. Dette innholdet området har bredde (horisontal) og høyde (vertikal). padding-widthConsider et element inne i en inneholder blokken.
Polstringen-bredden av elementet er gitt med hensyn til bredden av innholdsområdet av de inneholdende block.border-widthAs av css2, kan man ikke gi grensebredden i prosent. Du kan gi den i pixels.margin-widthConsider et element inne i en inneholder blokken. Marg-bredden av elementet er gitt med hensyn til bredden av innholdet området av block.DimensionswidthConsider som inneholder et element inne i et inneholdende blokk. Bredden av elementet er gitt med hensyn til bredden av innholdet området av block.heightConsider som inneholder et element inne i et inneholdende blokk.
Høyden av elementet er gitt med hensyn til høyden av innholdsområdet av de inneholdende block.PositioningtopThis offset er en prosentandel (fraksjon) av blokken som inneholder innholds width.rightThis offset er en prosentandel (fraksjon) av