Amint meghatározott CSS blokkméret tulajdonságok szélesség, magasság, padding

Hogy milyen típusú elemek vannak osztva

Blokk elemek teljesen eltérő viselkedést. Anélkül, hogy további manipuláció nem tudnak egyezni. Egy példa az ilyen blokk - bekezdés, ami által p tag. Tehát ezért mondom mindezt? Ez azt mondta, annak érdekében, hogy megértsük - a méret kell adni csak blokk szintű elemeket, amely azt fogja tenni ezt a cikket.

Ábra. 1. Alapvető tulajdonságok, amelyek segítenek, hogy a méretet

Egyszerű ingatlan méretek

A legegyszerűbb tulajdonságok is, amelyek rögzítik méretei - a szélesség és magasság. jelentenek, illetve a szélesség és magasság. Ők is csatolja előtagokat min- és maximalizálásával. Ebben az esetben rögzíti a minimális és maximális szélessége és magassága, ill.

Az értékek rögzíthetők akár pixel vagy százalékban. Néha még ma is használják a relatív egység em (font magasság), de általában a segítségével a meghatározott érték a szöveget. Alapértelmezés szerint, az összes háló (a fő szerkezeti minta blokkok), amelyben a méretek százalékos, említett a gumi. Továbbá, a kamat rögzítés megkönnyíti alkalmazkodni a sablon, ami szintén nagyon fontos.

A méret a képpont

A pixelek kerülnek rögzítésre úgynevezett abszolút értékek. Például az egész site kell elhelyezni, a tartály szélessége 1000 képpont. Az egység létrehozása és meg van írva szélességét.

Ha rögzíteni, így a tartály szélessége nem változik semmilyen ürüggyel. Ha nagyítani vagy csökkenteni az ablak marad ugyanaz. Telek mérete csökken, és a vízszintes görgetősáv jelenik meg, ha szükséges.

Mégis, a képesség, hogy alkalmazkodjanak a helyszínen rács új képernyők óriási szerepe ma, mert a mobil adatforgalom növekszik. Ebben a tekintetben az elmúlt években egyre több a fő tartályba a tok nem kap egy kemény szélessége. Például így:

És mit jelent ez? És az a tény, hogy az egység csökkenni fog, ha szükséges. Ha tömöríteni az ablakot, akkor is csökken. Ugyanakkor, ha a képernyő felbontása lehetővé teszi, hogy a szélessége 1320 képpont lesz pontosan. Csökkentve az ablak nem jelenik meg egy vízszintes görgetősáv.

Azonban itt is be lehet állítani még a minimális szélességét. Ha a blokk, hogy írjon az ingatlan, akkor nem lesz keskenyebb, mint a megadott érték. Például:

Ha az ablak szélessége kevesebb lesz, mint 600 pixel, a berendezés leáll ajánlatkérő és fogadni, hogy ugyanazon a vízszintes görgetősávot.

Méret Százalék

Adja meg a megfelelő százalékot egyre népszerűbb. Ha megfelelő módon használják azt, hogy egy nagy kijelző a helyszínen a különböző eszközökön.

Ennek eredményeként, az oldalsáv kap 28% -át a szélessége a szülő elem (ebben az esetben a teljes tartály), és a központi egység - 62%. A teljes szélesség 90%. A fennmaradó 10 szabadság a különböző külső és belső behúzás, keretek stb

Ábra. 2. Gumi blokkok változtatni a méretek csökkenésével a böngésző ablakban

Mivel befolyásolja behúzás blokkméretek

Amikor megadja a szélessége néhány egységet a szélessége, hogy nem lehet a végső értéket. A tény az, hogy hogyan definiáljuk a szélessége csak azt a részét, amelyben a tartalmát közvetlenül ott. Nem szabad elfelejteni, hogy a css padding növeli a méretét a blokk, valamint a keret (határ).

Tegyük fel, hogy vesszük a tálaló. Adtunk neki 28% -át a tartály szélessége. Azonban a tartalmát az oldalsávon nem ragad a széle, meg kell adni néhány padding. Is, akkor lehet felvenni a sidebar keretben.

Mert kiderül, hogy a teljes szélessége az oldalsáv nőtt 44 pixel (bal és jobb margó 20, és a keret azonos oldalán, 2). Van egy lehetőség azok számára, akik nem akarnak zavarni sok méret és rögzítse őket egyszerre, figyelembe véve árrés és határait. Ezután meg kell írni:

Ez a figyelemre méltó tulajdonság teszi, hogy a blokk szélessége (szélesség) kezdik közé padding (padding) és a keret. Most, ha meg a méretet, a tartalom 62%, ez így is marad minden esetben. De vannak még külső padding, de ők már a blokk mérete nem befolyásolja. De ha azt akarjuk tenni, mondjuk, egy nagy bemélyedés a jobb oldali oszlopban a tartalom egyszerűen nem illik, és kénytelen lesz utazni vissza.

gumi kép

Ahhoz, hogy a kép változik a css a blokk mérete, akkor be kell állítani a szélességet százalék. Így, ha a blokk maga viszonylagos méretét, vagy az előírt max-szélesség, a szélessége csökken, és a kép blokk csökken szinkron, ami jó a jó kijelző helyén.

A css sok lehetőség, hogy adja meg a méretet. Sokkal nagyobb figyelmet fordítanak a szélessége a blokk, mert ettől a kijelzőn minta határozza meg. A végén, még mindig szeretném, ha ajánlani egy ilyen tanfolyamot. ahonnan meg lehet tanulni, hogyan kell dolgozni a méretei az elemek a fejlődést a mobil eszközök.

A legtöbb IT hírek és webfejlesztés A csatorna-távirat