IntroductionI skrev en artikel en gång kallade, webbdesign för alla upplösningar. I den artikeln betonade jag på användning av CSS procentenhet där så är möjligt, i stället för andra enheter som Pixel. Denna referens är en uppföljning på det. Den procentenhet för ett CSS-egenskapen ges i förhållande till någon annan CSS egendom. Jag ger dig allt detta förhållande i den här artikeln. Så när du planerar att designa din hemsida för alla upplösningar datorskärm, du bara komma hit för att förstå innebörden av den procentuella värde som du måste ge (om du inte redan vet).
Obs: din webbläsare kanske inte genomföra alla de relationer som anges nedan. Dessutom har många CSS-egenskaper inte använda mätningar (använd inte procentsats, pixel, etc.) Listan är inte så länge som man kan tro. Obs: A innehållande block är en som innehåller element. Denna referens är baserad på CSS2, som är den senaste versionen av CSS, today.Note: Om du inte kan se koden, eller om du tror att något saknas (bruten länk, bild saknas), bara att kontakta mig på [email protected]. Det vill säga, kontakta mig för minsta problem du har om vad du reading.
100% Värdet (egenskapen) att procentvärde (egendom) i fråga avser, är 100%. Detta innebär att värdet i fråga är en bråkdel av det värde den hänvisar till (mätt i förhållande till). CSS BoxMost HTML element i form av en låda, med vaddering rektangulär rand runt det, då en gräns rektangulär rand runt den och en marginal rektangulär rand runt den. Området utan vaddering, gränsen och marginalen är innehållsområdet. Denna innehållsområdet har bredden (horisontellt) och höjd (vertikalt). padding-widthConsider ett element i ett innehållande block.
Stoppningen bredd av elementet ges i förhållande till bredden på innehållsområdet i innehåller block.border-widthAs av CSS2, kan du inte ge gränsbredden i procent. Du kan ge den i pixels.margin-widthConsider ett element i ett innehållande block. Marginalen-bredden på elementet ges med avseende på bredden på innehållsområdet hos innehållande block.DimensionswidthConsider ett element inuti ett innehållande blocket. Bredden hos elementet ges med avseende på bredden på innehållsområdet hos innehållande block.heightConsider ett element inuti ett innehållande blocket.
Höjden hos elementet ges med avseende på höjden på innehållsområdet av de innehållande block.PositioningtopThis förskjutna är en procentsats (fraktion) av innehållande blockets innehåll width.rightThis offset är en procentsats (fraktion) av in