CSS tanfolyam
CSS tanfolyam. Lecke 40. Maximális és minimális szélessége a helyszínen.
CSS tanfolyam. Lecke 40. Maximális és minimális szélessége a helyszínen. Maxi és mini szélességét. Korábban már tanulmányozták a blokkigazítást ingatlan szélessége (pl szélesség: 200px; stb.) További tulajdonságok szélesség a gyakorlatban is széles körben használják rugalmasabb tulajdonságok max-szélesség (a maximális szélessége az elem) és egy min-width (minimum cella szélessége). Gyakran előfordul, hogy ezek a tulajdonságok együtt használják, amikor a tervező azt akarja, hogy biztosítsa a megfelelő megjelenést az oldal bármilyen felbontás és a felhasználó képernyőjén, ha bármelyik műveleteket csökkenti a szélessége az ablak.
CSS tanfolyam. 40. lecke.
Maximális és minimális szélessége a helyszínen.
Rövid emlékeztető:
A 19 megtudtuk leckét blokkigazítást jellemző szélessége (például, szélesség: 200px; stb).
További tulajdonságok szélesség a gyakorlatban is széles körben használják rugalmasabb tulajdonságok max-szélesség (a maximális szélessége az elem) és egy min-width (minimum cella szélessége).
Gyakran előfordul, hogy ezek a tulajdonságok együtt használják, amikor a tervező azt akarja, hogy biztosítsa a megfelelő megjelenést az oldal bármilyen felbontás és a felhasználó képernyőjén, ha bármelyik műveleteket csökkenti a szélessége az ablak.
Tekintsük dolgozik tulajdonságok max-szélesség és min-width például.
Ebben a blokkban nincs tulajdonságok meghatározására a szélessége szélesség, max-width, min-width.
blokk szélessége határozza automatikusan és teljesen attól függ, a felbontást és a szélessége a szülő elem.
A tulajdonságok ezen blokk meghatározott szélességű meghatározására:
max-width: 650px;
min-szélesség: 600px;
Blokk méret szélesség nem nyúlhat túl a megadott értékeket.
Most próbáljon meg manuálisan változtatni a szélességét a böngésző ablakot. Az első egység megváltoztatja a szélessége szélességétől függően a szülői egység, egy második blokk pixel belül 600-650 tartományban.
Felhívjuk figyelmét, hogy az ingatlan max-width és min-width nem tartalmazza az értékeket padding (padding), határok (határok) és letéti (árrés).
Most viszont, hogy az elmélet.
Az ingatlan max-width: Lehet, hogy a következő értékeket:- max-szélesség: nincs; - A legnagyobb szélessége nincs beállítva egyáltalán. Ez az alapértelmezett. (No legnagyobb szélessége. Ez az alapértelmezett beállítás.)
- max-szélesség: hossz; - Meghatározza a maximális szélessége pixelben (px) cm-ben, stb Példa: max-width: 650px; (Meghatározza a maximális szélessége px, cm, stb)
- max-szélesség:% - Meghatározza a maximális szélessége százalékában tartalmazó blokk. Példa: max-szélesség: 50%; (Meghatározza a maximális szélessége százalékos tartalmazó blokk)
- max-width: örökli - Meghatározza, hogy az érték a max-width kell örökölt a szülő elem. (Adja meg, hogy az érték a max-width tulajdonság kell örökölt a szülő elem)
Min-width: Lehet, hogy a következő értékeket:
- min-szélesség: hossz; - beállítja a legkisebb szélessége pixelben (px) cm-ben, stb Az alapértelmezett érték 0. Példa: min-szélesség: 600px; (Meghatározza a minimális szélessége px, cm, stb Alapértelmezett érték: 0).
- min-szélesség:% - Meghatározza a minimális szélessége százalékában tartalmazó egységet. Példa: min-szélesség: 50%; (Meghatározza a minimális szélessége százalékos tartalmazó blokk)
- min-szélesség: örökli - adja meg, hogy az érték a min-szélességet kell örökölt a szülő. (Adja meg, hogy az érték a min-width tulajdonság kell örökölt a szülő elem)
Ez használ a következő szabályok stílusok
A példában használt a következő kódot a HTML (a kulcs pont):
Új osztályok a CSS stíluslap fájlt, és a HTML kódot is fel lehet használni a mi a következő tudományos vizsgálat esetében.
css_040_001.html ← Kattintson ide, hogy néz ki a példa ezen az oldalon.
css_040_001.zip ← le a példát, hogy telepítse a webhelyen.
***** - funkcionális gép mozgását az oldalakon a CSS tanfolyam *****
Search. Első Előző Következő utolsó Case. szám /