Hogyan készítsünk egy rögzített alsó része a helyszínen

Vannak olyan helyzetek, amikor szükség van, hogy a felhasználó bizonyos információkat, függetlenül attól, hogy milyen helyet html-oldalak, most olvas. Ie meg kell, hogy egy szöveges tekercset, és néhány területen a helyén maradt, és mindig szeme előtt a látogató.

Hogyan készítsünk egy rögzített alsó része a helyszínen

Egyetértek azzal, hogy ez nagyon érdekes és hasznos hatása?

Nézzük meg, hogyan lehet ezt megtenni a gyakorlatban. Számos módja van, ezt el lehet érni, de én elsősorban a legmodernebb azokat - rögzített pozicionálás CSS stílusokat.

Ahhoz, hogy megértsük, hogyan működik, létre kell hoznunk egy teszt html oldalt, és hozzon létre benne két blokk

.

Sőt, ez az elhelyezése az elemet a kívánt helyre a képernyőn végzik csak egyetlen tulajdonság CSS helyzet: fix. Nézze meg, hogyan lehet használni a gyakorlatban.

ID lábléc, amit én már korábban jeleztük a tag

, Mi hozzá CSS stílusokat.

összesen: fix; - a blokk pozíciója rögzített, és nem változtatta meg álláspontját.
alsó: 0px; - az egység legyen az alján a html-oldalak.

A következő tulajdonságok felelősek a megjelenése a kijelző egység, úgy, hogy meg lehet különböztetni a fő szöveg:

text-align: center; - szöveg igazítása a központban
háttér: # 990000; - háttérszíne
szín: #FFFFFF; - a szöveg színét
szélesség: 100%; - szélessége az oldalt

Ez minden. Most láthatjuk az eredményt a böngészőben. Remélem, hogy sikeres lesz.

Ugyanígy meg tudod oldani a helyzetét szinte minden blokk html-oldalon.

Itt van egy érdekes tulajdonság van CSS stílusokat. Használd a tervezett célra javára az üzletet.

Lehet, hogy érdekel az én szolgálati elrendezés nyitóoldalakat. Ezután kattintson az alábbi linkre, hogy többet tudjon meg.

Kapcsolódó cikkek