Hogyan kell telepíteni a zökkenőmentes

Hogyan kell beállítani a háttérben, hogy a helyszínen?

Ha még nem tudja, hogyan kell beállítani a háttérben, hogy a helyszínen, akkor hasznos lehet olvasni ezt a cikket. Belőle akkor megtanulják, hogyan kell beállítani egy képet egy háttérképet, állítsa be a paramétereket annak kijelző, vagy csak töltse ki a háttérben egy bizonyos színt.

CSS, hogy segítsen nekünk

Ahogy talán már sejtette, a háttér leszünk hozzáadásával CSS stílusokat a html. Megjelenítésére háttér elem megfelel egy univerzális tulajdonság háttérben. Ha hozzá szeretne adni a háttérben egy különleges elem, majd adjunk hozzá CSS tulajdonságokat ad ID vagy osztály. Ha az egész oldal, akkor a body tag vagy azonosítóját (osztály) a tartály (wrapper), ha az átfedések testet. Ebben a cikkben a példákban fogunk dolgozni az elem testet.

Kitöltőszín

Kezdjük a legegyszerűbb - írja egy adott szín. Ehhez tudnunk kell, hogy csak a színkód és a CSS tulajdonság háttér színét.

Ez a kód akkor meg egy szilárd fekete háttér webhelyen. Mivel a háttér színét lehet kiválasztani bármely más, megváltoztatásával kódot.

Ha alkalmazza a háttérben töltse egy adott elem, például a header (H1-H6) bekezdés (p), és mások. Győződjön meg arról, hogy a szín a szöveg nem beleolvadnak a háttérbe, és nem veszít az olvashatóság. A színes tulajdonság változtatni a szöveg színét.

háttérkép

A háttérkép az elem által meghatározott tulajdonság background-image, amelynek értéke a használt útvonalon grafikus fájl. A fájl elérési út által meghatározott tervezési url (), Ahol - az út a grafikus fájlt. Ha megad egy fájlnevet, például, url (background.png), ebben az esetben a kép kell tárolni ugyanabban a mappában, mint a css fájlt.

Javasoljuk, hogy indul egy külön mappát az összes kép és adjon meg egy abszolút elérési utat, azaz a gyökér mappában. Ez javítja a szerkezetét a webhely, és nem okoz problémát, ha úgy dönt, hogy változtatni a helyét a CSS fájlban.

Ha egy háttérképet, akkor ajánlott egyidejűleg meghatározott színes kitöltés (tulajdonság background-color). Ebben az esetben, ha a kép betöltődik (a kép nem áll rendelkezésre bármilyen okból a felhasználó tiltva a képek), vagy betöltött késéssel (a kép teljesen betöltődött az oldalon belül), akkor megjelenik a háttérben töltse a kép helyett, vagy amíg teljesen meg van töltve .

Két tulajdonságai A fenti példából is kombinálható egy, az univerzális tulajdonság háttérben.

a háttér

Universal háttér tulajdonság lehetővé teszi, hogy az összes paraméter a háttérkép egyetlen vonalon. Tekintsük a rendelkezésre álló lehetőségeket.

Az értékek sorrendje tetszőleges lehet, és ha a tulajdonság nincs megadva, akkor az alapértelmezett érték kerül felhasználásra.

háttér-attachment

Ez a tulajdonság határozza meg, hogy a háttérkép görgeti a tartalommal együtt az elem. Ha azt szeretnénk, hogy rögzítse a képet az érték rögzített. Ebben az esetben a kép lesz rögzítve, ha lapozunk az oldal tartalmát. Ha szeretné, hogy a kép mozog a tartalmát az oldal, értékét használja a tekercset. Az alapértelmezett érték görgetni.

background-position

Ha a háttérképet, ez a tulajdonság határozza eredeti álláspontját. Két értéke szóközzel elválasztva: a helyzet a vízszintes és függőleges helyzetben. Az értékek beállítása a kulcsszavak: bal jobb felső alján, középen. Rangsor őket nem fontos. Ha az értékeket a százalékos pixel, stb az első értékét mutatja vízszintesen, majd függőlegesen. Az alapértelmezett pozíció beállítása a bal felső sarokban (bal felső).

background-repeat

Megadja, hogy az ismétlés a háttérképet. Ő (repeat-x) meg lehet ismételni csak vízszintesen vagy csak függőlegesen (repeat-y), vagy vízszintesen és függőlegesen (ismétlés), vagy ismétlés nélküli általában (no-repeat). Az alapértelmezett beállítás, hogy ismételje meg.

Használt meghatároznia, hogy öröklési tulajdonságait a szülő elem.

Kapcsolódó cikkek