Keretek css - hogyan csináld magad, hogy megtudja, most!
Ma tovább magával megismerje az elemeket a helyszínen épület és nézzük, hogyan hozhat létre a keret css. Az utolsó cikk Megmondtam, és megmutatta, hogyan lehet létrehozni egy keretet html. de css keret inkább szép és vonzó. Ezért, aki megtanulta, hogy a hatálya alá html, és sajátítsák el a létrehozását a keret css. És én segítsek!
Amint azt már említettük, hogy a css keret sokkal szebb és praktikusabb, mint a hatálya html és akkor nem lesz semmi baj, hogy egy ilyen keret css magad, ha már megtanulta, hogyan kell csinálni html kereteket.
Ahogy a múltban a leckét. ahol megteremtik a keretet html. és most is, hogy megteremtse a keret css fogunk használni, amit már ismeri tulajdonát «határ», amelyhez akkor specifikus, jól ismerjük, az értékek:
szilárd - szilárd keret;
szaggatott - pontozott keret;
pontozott - pont keret;
dupla - dupla vonal keret;
horony - keret árnyék;
Ridge - megkönnyebbülten;
És még két számunkra a mostani értékét - jelentése:
widht - keret vastagsága;
szín - színe a keret;
Mindezen értékek egyetlen sort résen keresztül:
Akkor kell, hogy a padding a keret css. Ez úgy történik itt, ezek a változók:
padding - belső (behúzás keret a tartalom);
árrés - a külső (behúzás keret külső tárgyak);
Most kérni az irányt a behúzás, hogy mennyit és hol kell meghátrálni. Ez képesek leszünk, hogy nem itt a segítségével ezeket az értékeket itt:
top - felső margó;
righnt - francia cprava;
alsó - alsó margó;
bal - bal francia;
És most minden írja le, valahogy így:
Ha meg kell, hogy helyezze el a szöveget a közepén a keret css, akkor meg kell adni itt, mint itt a design:
Ne félj, akkor azonnal és úgy tűnik, minden nagyon bonyolult és zavaros, de a további akkor biztos, hogy mindent megért, és azt is ad gyakorlati példákat, ahol minden lesz világos és érthető!
Most nézzük kérje keret magassága és szélessége. Ezt használja a tulajdonságok „szélesség”. Itt egy példa:
És így tudtuk elhelyezni a keretben az oldalon a honlapon, veled vagyunk kell értékelni «margin». Arra is lehetőség van a keret középpontjában a webhely oldalaira hozzáadásával az értéke „marginális” más értelmet «auto». Itt egy példa:
Most itt az idő a cselekvésre, amit segít látni mindent első kézből, hogy valószínűleg lesz egyértelműen és azonnal világosabbá válik.
Íme egy példa az egyik a kereteket, amelyek fogunk továbbra is változtatni, de nem az összes, és csak CSS, amely tartalmazza a tartalmát a «stílus» tag. És mivel ezek a változások CSS fog változni, és a keret css.
az első példa hatálya CSS
Itt van egy másik példája a hatálya a css:
egy második példát hatálya CSS
Itt van egy harmadik példája hatálya pontok:
harmadik példa frame
Ez a negyedik példa a keret egy kettős Kiiktatott:
Egy negyedik példa körének
És ha alkalmazzuk a értéke «gerinc», itt van, amit a keret lenne:
egy ötödik példa a körét
Most nézzük meg, hogy lekerekített élekkel körünk itt css ezeket az értékeket itt «border-radius» és «box-shadow»:
keret kerek élek
Itt váz lekerekített élekkel, a kód:
Most nézzük, hogy egy keret finom élek, ez is jól néz ki, és nem is könnyen, csak abban az értelemben «box-shadow», módosítsa a magasabb érték. És ez az, ami történik:
keret lágy élek
Most, hogy egy keret színes kontúrok, egyszerűen csak hozzá az értéke „box-shadow” több színsémát:
És most a tetőpont a mi keret css - a kerek keret. Jól van, hogy egyszerűen átírja az értéke «border-radius». nézd:
Ez a kód van:
Nos, ez minden mára. Míg újra találkozunk!
Ha tetszett az anyag tegye a következőket ...
Köszönjük a figyelmet!