IntroductionI skrev en artikel engang kaldte, webside Design for Alle resolutioner. I denne artikel understreges I på anvendelse af CSS procentvise enhed, hvor det er muligt, i stedet for andre enheder som pixel. Denne henvisning er en opfølgning på det. Procentdelen enhed for en CSS ejendom gives i forhold til nogle andre CSS ejendom. Jeg giver dig alt dette forhold i denne artikel. Så som du planlægger at designe din webside for alle edb skærmopløsninger, du bare kommet her for at kende betydningen af den procentvise værdi, du har at give (hvis du ikke allerede kender).
Bemærk: din browser ikke kan gennemføre alle de relationer, nedenfor. Også, mange CSS egenskaber ikke bruge målinger (brug ikke procentsats, pixel, osv) Listen er ikke så længe som du måske tror. Bemærk: En indeholder blok er en, der indeholder element. Denne reference er baseret på CSS2, som er den nyeste version af CSS, today.Note: Hvis du ikke kan se koden, eller hvis du tror noget mangler (brudt link, billede fraværende), bare kontakte mig på [email protected]. Det vil sige, kontakt mig for det mindste problem, du har om, hvad du reading.
100% Værdien (ejendom), at den procentvise værdi (ejendom) i spørgsmål vedrører, er 100%. Det betyder, at værdien er tale om en brøkdel af den værdi, det refererer til (målt i forhold til). CSS BoxMost HTML-elementer er i form af en kasse, med en rektangulær stribe polstring omkring det, så en kant rektangulær stribe rundt om det og en margin rektangulær stribe omkring det. Området uden polstring, grænse og margin er indholdsområdet. Dette indhold område har bredde (vandret) og højde (lodret). padding-widthConsider et element i en blok, der indeholder.
Polstringen-elementets bredde er givet i forhold til bredden af indholdet areal af indeholder block.border-widthAs af CSS2, kan du ikke give grænsen bredde i procent. Du kan give det i pixels.margin-widthConsider et element i en indeholder blok. Marginen-elementets bredde er givet med hensyn til bredden af indholdet område af block.DimensionswidthConsider indeholdende et element i en blok, der indeholder. Bredden af elementet gives med hensyn til bredden af indholdet område af block.heightConsider indeholdende et element i en blok, der indeholder.
Højden af elementet gives med hensyn til højden af indholdet areal af indhold block.PositioningtopThis offset er en procentdel (fraktion) af dens indeholdte blokkens indhold width.rightThis offset er en procentdel (fraktion) af blokken
…