IntroductionI kirjoitti artikkelin kerran kutsutaan, Web-sivu Design for All päätöslauselmia. Tässä artikkelissa korostanut käytöstä CSS prosenttiyksikkö mahdollisuuksien sijasta muita yksiköitä, kuten Pixel. Tämä viittaus on seurata, että. Prosenttiosuus yksikkö CSS omaisuus annetaan suhteessa joihinkin muihin CSS omaisuutta. Annan teille kaikille, että suhde tässä artikkelissa. Niin aiot suunnitella Web-sivun kaikille tietokoneen näyttöresoluutioilla, juuri tänne tunnekaan prosenttiarvon sinun täytyy antaa (jos et jo tiedä). Huomautus: selain ei voi toteuttaa kaikki suhteet alla.
Myös monet CSS ominaisuudet eivät käytä mittauksia (älä käytä prosenttiyksikköä, pikseli, jne) Luettelo ei ole niin kauan kuin luulisi. Huomautus: sisältävä lohko on sisältävä elementti. Tämä viittaus perustuu CSS2, joka on uusin versio CSS, today.Note: Jos et näe koodia tai jos luulet jotain puuttuu (rikki linkki, kuva poissa), vain yhteyttä minuun [email protected]. Että on, minuun yhteyttä pienintäkään ongelmaa olet mitä olet reading.100% arvosta (omaisuus) että prosenttiarvo (omaisuus) kyseessä viittaa, on 100%.
Tämä tarkoittaa arvoa kyseessä on osa arvosta se viittaa (mitattuna suhteessa). CSS BoxMost HTML-elementtejä ovat muodossa laatikko, jossa täyte suorakulmainen raita ympärille, sitten raja suorakulmainen raita ympärille ja marginaali suorakulmainen raita ympärille. Alue ilman padding, raja ja marginaali on sisällön alueelle. Tämä sisältö alue on leveys (horisontaalinen) ja korkeus (pystysuora). padding-widthConsider elementin sisällä sisältävä lohko. Padding-leveys elementin annetaan suhteessa leveys sisällön alueen sisältävä block.
border-widthAs CSS2, et voi antaa reunuksen leveyden prosentteina. Voit antaa sen pixels.margin-widthConsider elementin sisällä sisältävä lohko. Marginaali-elementin leveyttä ja annetaan suhteessa leveys sisällön alueen, joka sisältää block.DimensionswidthConsider elementin sisällä, joka sisältää lohkon. Leveys elementin annetaan suhteessa leveys sisällön alueen, joka sisältää block.heightConsider elementin sisällä, joka sisältää lohkon. Korkeus elementin annetaan suhteessa korkeuteen sisällön alueen sisältävien block.
PositioningtopThis offset on prosenttiosuus (murto-osa), ja joka sisältää lohkon sisältö width.rightThis offset on prosenttiosuus (murto-osa), ja joka sisältää lohkon sisällön leveys .bottomThis offset on prosenttiosuus (osa) ja joka sisältää lohkon sisältö width.leftThis offset on prosenttiosuus (osa) ja joka sisäl